jquery - 如何在 tabpane bootstrap 上添加下拉菜单

Question

我正在尝试使用 bootstrap 将下拉菜单添加到标签页。

我的计划是制作与此模型类似的东西。 我想过使用下拉 Bootstrap ，但没有得到可能的结果:(

这部分代码是我用来尝试滚动的。这是我所拥有的演示: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

如何通过 nav-stacked 使用导航栏并将最大高度和溢出设置为自动:

像这样:

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