引导精简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中创建一个新的选择器来否决.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*/