案例：Bootstrap案例     状态：可编辑再运行    进入横版
​x
 
1
<!DOCTYPE html>
2
<html>
3
<head>
4
    <meta charset="utf-8">
5
    <title>Bootstrap 实例 - 简单的可折叠组件</title>
6
    <link rel="stylesheet" href="/css/bootstrap/bootstrap3.3.7.min.css">
7
    <script src="/js/bootstrap/jquery.min.js"></script>
8
    <script src="/js/bootstrap/bootstrap3.3.7.min.js"></script>
9
</head>
10
<body>
11
​
12
<button type="button" class="btn btn-primary" data-toggle="collapse"
13
        data-target="#demo">
14
    简单的可折叠组件
15
</button>
16
​
17
<div id="demo" class="collapse in">
18
    Nihil anim keffiyeh helvetica, craft beer labore wes anderson
19
    cred nesciunt sapiente ea proident. Ad vegan excepteur butcher
20
    vice lomo.
21
</div>
22
​
23
</body>
24
</html>

 运行结果　
　北美留学生论坛