Bootstrap 实例 - 折叠面板 - 话题

PHP学院的中学生 2021-06-18 17:42:48 1167次浏览 0条回复 0 0 0

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>Bootstrap 实例 - 折叠面板</title>
    <link rel="stylesheet" href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css">
    <script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
    <script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>
<body>

<div class="panel-group" id="accordion">
    <div class="panel panel-default">
        <div class="panel-heading">
            <h4 class="panel-title">
                <a data-toggle="collapse" data-parent="#accordion" 
                   href="#collapseOne">
                    点击我进行展开，再次点击我进行折叠。第 1 部分
                </a>
            </h4>
        </div>
        <div id="collapseOne" class="panel-collapse collapse in">
            <div class="panel-body">
                Nihil anim keffiyeh helvetica, craft beer labore wes anderson 
                cred nesciunt sapiente ea proident. Ad vegan excepteur butcher 
                vice lomo.
            </div>
        </div>
    </div>
</div>

</body>
</html>

没有找到数据。

您需要登录后才可以回复。登录 | 立即注册

副总裁

PHP学院的中学生

注册时间：2018-10-23
最后登录：2024-09-23
在线时长：168小时13分

粉丝29
金钱4725
威望30
积分6705

Bootstrap 实例 - 折叠面板 [ 新手入门 ]

共 0 条回复

回复话题

PHP学院的中学生

热门话题