Bootstrap学习

Bootstrap 折叠（Collapse）插件

需要引用 bootstrap.js 或压缩版的 bootstrap.min.js。

1）创建可折叠的分组或折叠面板（accordion）

    <a data-toggle="collapse" href="#collapseOne">
点击我进行展开，再次点击我进行折叠。第 1 部分
</a>
<div id="collapseOne" class="collapse">
被折叠部分
</div>

主要是通过一个锚链接链接到折叠部分的id ，内部有属性data-toggle=”collapse” 。

折叠部分的class=”collapse”，在一开始就会折叠，class=”in”在一开始不会隐藏折叠部分

2）创建不带 accordion 标记的简单的可折叠组件（collapsible）

通过data-target替代锚链接的链接，其他部分与上文相似

<button type="button" data-toggle="collapse" 
    data-target="#demo">
    简单的可折叠组件
</button>  
<div id="demo" class="collapse">
折叠部分
</div>

Bootstrap字体图标

需要bootstrap的css文件和fonts整个文件夹，否则图标会显示失败。可参考下面的文件结构。

用法，通过span标签

<span class="glyphicon glyphicon-search"></span> //搜索图标

赏

谢谢你请我吃糖果