Bootstrap Condensed Nav

Question

有谁知道Bootstrap中是否有nav-condensed选项（或解决方法）？我知道这里有一张精简的课程，但想要将更多数据塞入堆叠的导航栏中。类似下面的代码会很棒。谢谢！

    <ul class="nav nav-tabs nav-stacked nav-condensed"> 
         <li> 
          <a id="popupName"></a> 
         </li> 
         <li> 
          <a id="popupAge"></a> 
         </li> 
         <li> 
          <a id="popupActivity"></a> 
         </li> 
        </ul> 

Answer 1

你可以在你的CSS创建一个新的选择，以推翻.nav-tabs > li > a选择的padding-top和padding-bottom规则。请参阅bootstrap.css第4068行（根据Bootstrap文档站点上使用的CSS文件）。

.nav-tabs.nav-stacked.nav-condensed > li > a { 
    padding-top: 4px; 
    padding-bottom: 4px; 
} 
/*original padding value 8px*/