面包屑式导航:.breadcrumb
<ul class="breadcrumb">
<li>...</li>
</ul>
<ul class="breadcrumb">
<li>...</li>
</ul>
2015-07-09
注意:导航条是直接在<ul>中添加类名。
.nav .nav-tabs .nav-pills .nav-stacked .nav-justified
.nav .nav-tabs .nav-pills .nav-stacked .nav-justified
2015-07-09
胶囊状(pills)导航条:.nav-pills
<ul class="nav nav-pills">
<li>...</li>
</ul>
注意:区分选项卡导航 .nav-tabs 和胶囊状导航 .nav-pills
<ul class="nav nav-pills">
<li>...</li>
</ul>
注意:区分选项卡导航 .nav-tabs 和胶囊状导航 .nav-pills
2015-07-08
选项卡导航:.nav-tabs
<ul class="nav nav-tabs">
<li>...</li>
</ul>
<ul class="nav nav-tabs">
<li>...</li>
</ul>
2015-07-08
Bootstrap中的导航条:.nav, .nav-tabs
<ul class="nav nav-tabs">
<li>...</li>
</ul>
注意:导航条中的类名 .nav 和 .nav-tabs 缺一不可。
<ul class="nav nav-tabs">
<li>...</li>
</ul>
注意:导航条中的类名 .nav 和 .nav-tabs 缺一不可。
2015-07-08
下拉菜单向上拉开:
<div class="btn-group dropup">
...
</div>
<div class="btn-group dropup">
...
</div>
2015-07-08
按钮下拉菜单:
<div class="btn-group">
而不是下拉菜单中的:
<div class="dropdown">
<div class="btn-group">
而不是下拉菜单中的:
<div class="dropdown">
2015-07-08
均分按钮组:
<div class="btn-group btn-group-justified"></div>
<div class="btn-group btn-group-justified"></div>
2015-07-08
按钮的垂直分组:
<div class="btn-group-vertical">
<button class="btn btn-default" type="button">...</button>
</div>
<div class="btn-group-vertical">
<button class="btn btn-default" type="button">...</button>
</div>
2015-07-08
<ul class="dropdown-menu pull-right">
<li role="presentation" class="active">...</li>
<li role="presentation" class="divider">...</li>
</ul>
</div>
<li role="presentation" class="active">...</li>
<li role="presentation" class="divider">...</li>
</ul>
</div>
2015-07-08