1.下拉框
<div class="dropdown">
<button class="btn btn-primary" type="button"data-toggle="dropdown">//下拉框觸發器
Dropdown
<span class="caret"></span>
</button>
<ul class="dropdown-menu">
<li class="dropdown-header">標題內容</li>//下拉框內容
<li><a href="#">Action</a></li>
<li><a href="#">Another action</a></li>
<li><a href="#">Something else here</a></li>
<li class="divider"></li>
<li><a href="#">Separated link</a></li>
</ul>
</div>
2.按鈕組： div class="btn-group" /div
3.按鈕工具欄 <div class="btn-toolbar">
<div class="btn-group">< /div>
</div>
4.按鈕垂直排列class=" btn-group-vertical "
5.dropup 上拉菜單
6.input-group-addon 添加自定義字符
<divclass="input-group">
<spanclass="input-group-addon">@</span>
<inputtype="text"class="form-control"placeholder="Username">
</div>
7.input-group-btn 添加自定義按鈕
<spanclass="input-group-btn"><button> </button></span>
8.標籤頁 nav nav-tabs nav-pills 垂直排列 nav-stacked
<ul class="nav nav-tabs">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>
<ul class="nav nav-pills nav-stacked">
<li class="active"><a href="#">Home</a></li>
<li><a href="#">Profile</a></li>
<li><a href="#">Messages</a></li>
</ul>