Bootstrap v3.3.0 - 側導航

Question

我剛開始學習Bootstrap並重新創建我的舊網站。我已經完成了我的側邊導航，昨天我發現有一個新的Bootstrap版本v3.3。該版本缺少之前boostrap.css的一些類，比如我使用的`nav-list'（下面）。這是常見的嗎？我應該期望在新的Boostrap版本中放鬆課程嗎？ 這不是什麼大不了的事情，當然我可以自己創造。 Bootstrap examples甚至不演示可堆疊的側面導航！我是否缺少鏈接到某個文件？

<div class="well sidebar-nav"> 
    <ul class="nav nav-list"> 
     <li class="nav-header">Seciton Header</li> 
     <li class="active"><a href="#">Item A</a></li> 
     <li><a href="#">Item B</a></li> 
     <li class="nav-header">Seciton Header 2</li> 
     <li><a href="#">Item A</a></li> 
     <li><a href="#">Item B</a></li> 
    </ul> 
</div> 

Answer 1

.nav-list是Twitter的引導2的一部分，我們正在談論引導3這裏的......這是很正常的一個新版本帶來重大變化，下降的功能，新的問題。

看一看Bootstrap migration guide。你會看到：

[.nav-list]沒有直接的等價物，但是列表組和.panel組是相似的。

下面介紹如何在引導3得到了類似的行爲：

• 使用.nav-pills.nav-stacked代替.nav-list
• 取代.nav-header通過.disabled
• 包你在<a>
「導航頭」 內容

Twitter的引導2.3：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/2.3.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="well sidebar-nav"> 
 
    <ul class="nav nav-list"> 
 
     <li class="nav-header">Seciton Header</li> 
 
     <li class="active"><a href="#">Item A</a></li> 
 
     <li><a href="#">Item B</a></li> 
 
     <li class="nav-header">Seciton Header 2</li> 
 
     <li><a href="#">Item A</a></li> 
 
     <li><a href="#">Item B</a></li> 
 
    </ul> 
 
</div>

引導3.3：

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet"/> 
 
<div class="well sidebar-nav"> 
 
    <ul class="nav nav-pills nav-stacked"> 
 
    <li class="disabled"><a>Seciton Header</a></li> 
 
     <li class="active"><a href="#">Item A</a></li> 
 
     <li><a href="#">Item B</a></li> 
 
    <li class="disabled"><a>Seciton Header</a></li> 
 
     <li><a href="#">Item A</a></li> 
 
     <li><a href="#">Item B</a></li> 
 
    </ul> 
 
</div>

Answer 2

如這裏提到的：What replaces nav lists in Bootstrap 3?

去除.nav列表中已被記錄在從2.x遷移到3.0

在第二個答案也提到如何將它添加回去，少用或CSS。