用bootstrap写一个折叠面板

1：创建一个html文件

 

2：选择语言

 

3：输入创建框架

 

4：导入bootstrap的css样式（没有的请去官网下载），可选择botstrap.min.css或者botstrap.css(min是压缩过后的，占用空间更小)

 

5. 再导入jquery文件。（没有的请去官网下载）

 

6.在jquery下方导入bootstrap的js文件（注意：此文件必须要在jquery的下方）

 

 7．写一个button按钮标签并赋予以下类名元素（内容随意）

 

8.再写一个div外框在内部在写一个div包裹内容如下

 

 

9.右键点击open with live server打开浏览器查看内容

 

 

10.总结与其他内容、

• .collapse 隐藏内容
• .collapsing 带动态效果的切换
• .collapse.show 显示内容

你可以使用带href 属性的连接,、或者带 data-target 属性的按钮来创建折叠效果-这两种情况下 data-toggle="collapse" 属性都是必须的。