nav-headerクラスはどうなりましたか？

Question

ブートストラップ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

nav-headerクラスは、私はそれがドキュメントで削除されているの一切の言及を見つけることができませんが、削除されているようです3.0.0。私はまた、交換を見つけることができません。

このような機能はまだありますか？もしそうなら、新しい方法は何ですか？

Answer 1

LESSファイルとGithubプロジェクトに関しては、nav-listとnav-headerは決してブートストラップ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>

は、クラス.disabledを追加し、<a>であなたのヘッダーをラップし、あなた自身の.nav-headerクラスを作成します。

EDITは this issueとthis changelogによると、nav-listはlist-groupに置き換えられていますが、あなたは、ヘッダーのために同じ動作を取得する任意の現実的な方法を持っていません。

Answer 2

あなたのnavリストが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>