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>点击按钮内容会再显示与隐藏之间切换。</p> <button class="btn btn-primary" data-target="#demo" data-toggle="collapse" type="button">简单的折叠</button> <div class="collapse" 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>
运行结果