下拉菜单
下拉菜单可用于按钮、导航条。
基础用法:
<div class="dropdown">
<ul class="dropdown-menu" role="menu">
</div>
菜单显示的时候,js会添加open样式。
在应用其他地方时,可以不用dropdown样式,只要放置dropdown-menu的容器有position:relative即可。
列表组
<ul class="list-group">
<li class="list-group-item"></li>
</ul>
<!--可点击的列表组-->
<div class="list-group">
<a href="" class="list-group-item"></a>
</div>
折叠
简单用法
<button data-toggle="collapse" data-target="#demoe"></button>
<div class="collapse" id="demo"></div>
data-toggle用来标识插件collapse,data-target用来标识折叠的区域
手风琴效果:
要实现手风琴效果,需要设置一个容器来包含所有的触发元素和折叠区域。
<div id="accordion">
<div>
<a href="#collapse1" data-toggle="collapse" data-parent="#accordion"></a>
<div class="collpase" id="collapse1"></div>
</div>
...
</div>