如何在Tabpane引導程序上添加下拉列表

Question

我正在嘗試使用引導程序向Tabpane添加下拉菜單。

我的計劃是有類似於這個模型的東西。 。 我想用下拉bootstraop，但沒有得到更多鈔票的結果:(

我有想有滾動，能夠在這部分代碼的這是什麼，我有一個演示：http://jsbin.com/laqog/3

我應該使用什麼成分，而不是這個

<div class="btn-group"> 
<button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Scrollable Menu <span class="caret"></span></button> 
    <ul class="dropdown-menu scrollable-menu" role="menu"> 
    <li><a href="#">Action</a></li> 
    <li><a href="#">Another action</a></li> 
    </ul> 
</div> 

Answer 1

怎麼樣使用導航堆疊使用導航欄，並設置一個最大高度和溢出爲自動：

事情是這樣的：

<div class="btn-group">    
    <ul class="nav nav-pills nav-stacked" style="height: 200px; overflow: auto" role="menu"> 
     <li class="active"><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
     <li><a href="#">Something else here</a></li> 
     <li><a href="#">Action</a></li> 
     <li><a href="#">Another action</a></li> 
    </ul> 
</div>