Twitter bootstrap 导航头舱怎么了?
使用Bootstrap 2.3.2,您可以使用Twitter bootstrap 导航头舱怎么了?,twitter-bootstrap,twitter-bootstrap-3,Twitter Bootstrap,Twitter Bootstrap 3,使用Bootstrap 2.3.2,您可以使用nav header类创建分组列表,如下所示 <ul class="nav nav-pills nav-stacked"> <li class="nav-header">Group A</li> <li><a href="/items/1">Item 1</a></li> <li><a href="/items/2">I
nav header
类创建分组列表,如下所示
<ul class="nav nav-pills nav-stacked">
<li class="nav-header">Group A</li>
<li><a href="/items/1">Item 1</a></li>
<li><a href="/items/2">Item 2</a></li>
<li><a href="/items/3">Item 3</a></li>
<li class="nav-header">Group B</li>
<li><a href="/items/4">Item 4</a></li>
<li><a href="/items/5">Item 5</a></li>
</ul>
- A组
B组
在Bootstrap3.0.0中,nav header
类似乎已被删除,尽管我在文档中找不到任何关于它被删除的提及。我也找不到替代品
这种功能还存在吗?如果是这样,新方法是什么?关于更少的文件和Github项目,
nav list
和nav header
在Bootstrap 3中从未存在过。我想它已经被遗忘了
使用这种黑客可以获得类似的行为:
ul{
宽度:300px;
利润率:20px;
}
.nav>li.nav-header>a{
游标:默认值;
字体大小:12px;
字体大小:粗体;
文本转换:大写;
}
即使您的导航列表不是下拉列表,使用下拉列表标题
css类也可以工作
<ul class="nav nav-pills nav-stacked">
<li class="dropdown-header">Group A</li>
<li><a href="/items/1">Item 1</a></li>
<li><a href="/items/3">Item 3</a></li>
<li class="dropdown-header">Group B</li>
<li><a href="/items/4">Item 4</a></li>
<li><a href="/items/5">Item 5</a></li>
</ul>
- A组
- B组
添加颜色:#999使其更接近Bootstrap 2的外观。下拉标题类似,但不模拟Bootstrap 2导航栏标题的字体大小(粗体)、颜色(#999)或转换(大写)。此外,它还将相对于其他堆叠导航项目缩进航向。