nav-header 클래스에는 어떤 현상이 있습니까?

Question

부트 스트랩 2.3.2에서는 다음과 같이 nav-header 클래스를 사용하여 그룹화 된 목록을 만들 수 있습니다. 부트 스트랩에서

Reference

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

는 내가이 문서에서 제거되는 어떤 언급을 찾을 수 없습니다 불구하고 nav-header 클래스가 제거 된 것으로 보인다 3.0.0. 나는 또한 대체품을 찾을 수 없다.

이런 종류의 기능이 아직 있습니까? 그렇다면 새로운 방식은 무엇입니까?

Answer 1

덜한 파일과 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 클래스를 만들 수 있습니다.

편집 은 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>