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

在引導3.0.0 nav-header類似乎已被刪除，但我找不到它在文檔被刪除任何提及。我也找不到替代品。

這種功能仍然存在嗎？如果是這樣，新的方式是什麼？

Answer 1

關於LESS文件和Github項目，nav-list和nav-header在Bootstrap 3中從來不存在，我猜它已被遺忘。

您可以使用這種黑客獲得了類似的行爲：

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類。

編輯 根據this issue和this changelog，nav-list已取代list-group，但你沒有任何實際的方式來獲得頭相同的行爲。

Answer 2

即使您的導航列表不是使用dropdown-header 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>