Bootstrap Condensed Nav

Question

有人知道Bootstrap中是否有导航压缩选项（或解决方法）？我知道有一个表格浓缩类，但想把更多数据塞进堆叠导航栏。像下面的代码一样会很棒。谢谢！

                    <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中创建一个新的选择器，以取代padding-top选择器的padding-bottom和.nav-tabs > li > a规则。请参阅bootstrap.css第4068行（根据Bootstrap文档站点上使用的CSS文件）。

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