BootWiki教程网
源代码：
点击运行
<!DOCTYPE html> <html> <head> <title>Bootstrap 实例</title> <meta charset="utf-8"> <meta content="width=device-width, initial-scale=1" name="viewport"> <link href="//cdn.staticfile.net/twitter-bootstrap/4.0.0/css/bootstrap.min.css" rel="stylesheet"> <script src="//cdn.staticfile.net/jquery/3.2.1/jquery.min.js"></script> <script src="//cdn.staticfile.net/popper.js/1.12.5/umd/popper.min.js"></script> <script src="//cdn.staticfile.net/twitter-bootstrap/4.0.0/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h2>简单的折叠</h2> <p>你可以添加 .show 类让内容默认显示:</p> <button class="btn btn-primary" data-target="#demo" data-toggle="collapse" type="button">简单的折叠</button> <div class="collapse show" id="demo"> Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. </div> </div> </body> </html>
运行结果