Twitter bootstrap 引导中的垂直巨型菜单

如何使用引导创建如图所示的垂直巨型菜单

我的代码：

HTML

---

你能告诉我们你试过什么吗？我没能把你弄对。。您是否正试图使用CSS来定制垂直巨型菜单的外观和感觉，就像您所展示的示例一样？如果是这样的话，它需要大量定制CSS样式。让我提一下，它绝对不需要你引导！您可以简单地使用这个jQuery插件和CSS框架：当然，这个插件也可以用于引导。因此，当已经有了解决方案时，您不需要从一开始就自己编写所有代码！

<div class="container">
   <ul class="nav nav-pills nav-stacked col-md-2">
      <li class="active"><a href="#tab_a" data-toggle="pill">Pill A</a></li>
      <li><a href="#tab_b" data-toggle="pill">Pill B</a></li>
      <li><a href="#tab_c" data-toggle="pill">Pill C</a></li>
      <li><a href="#tab_d" data-toggle="pill">Pill D</a></li>
   </ul>
   <div class="tab-content col-md-10">
      <div class="tab-pane active" id="tab_a">
         <h4>Pane A</h4>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.
         </p>
      </div>
      <div class="tab-pane" id="tab_b">
         <h4>Pane B</h4>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.
         </p>
      </div>
      <div class="tab-pane" id="tab_c">
         <h4>Pane C</h4>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.
         </p>
      </div>
      <div class="tab-pane" id="tab_d">
         <h4>Pane D</h4>
         <p>Pellentesque habitant morbi tristique senectus et netus et malesuada fames
            ac turpis egestas.
         </p>
      </div>
   </div>
   <!-- tab content -->
</div>
<!-- end of container -->

@import url('http://getbootstrap.com/dist/css/bootstrap.css');