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