Twitter bootstrap 导航头舱怎么了?

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

使用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">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)或转换(大写)。此外,它还将相对于其他堆叠导航项目缩进航向。