twitter-bootstrap - nav-header 类发生了什么？

Question

使用 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>

Reference

在 Bootstrap 3.0.0 中， nav-header类似乎已被删除，但我在文档中找不到任何提及它被删除的内容。我也找不到替代品。

这种功能还存在吗？如果是这样，新方法是什么？

Answer 1

关于 LESS 文件和 Github 项目，nav-list和 nav-header Bootstrap 3 中从未存在过。我想它已经被遗忘了。

您可以使用这种 hack 获得类似的行为:

ul {
    width: 300px;
    margin: 20px;
}
.nav > li.nav-header > a {
    cursor: default;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
}

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css" rel="stylesheet"/>
<ul class="nav nav-pills nav-stacked">
    
    <li class="nav-header"><a>Group A</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"><a>Group B</a></li>
    <li><a href="/items/4">Item 4</a></li>
    <li><a href="/items/5">Item 5</a></li>
    
</ul>

将您的标题包裹在 <a> 中, 添加类 .disabled并创建您自己的 .nav-header类(class)。

编辑
根据 this issue和 this changelog , nav-list已被 list-group 取代，但是您没有任何真正的方法来获得标题的相同行为。