我正在使用 Bootstrap 的“左侧标签”片段
这是代码
<div class="tabbable tabs-left">
<ul class="nav nav-tabs">
<li class="active"><a href="#lA" data-toggle="tab">Section 1</a></li>
<li><a href="#lB" data-toggle="tab">Section 2</a></li>
<li><a href="#lC" data-toggle="tab">Section 3</a></li>
</ul>
<div class="tab-content">
<div class="tab-pane active" id="lA">
<p>I'm in Section A.</p>
</div>
<div class="tab-pane" id="lB">
<p>Howdy, I'm in Section B.</p>
</div>
<div class="tab-pane" id="lC">
<p>What up girl, this is Section C.</p>
</div>
</div>
</div>
我正在使用这个 ON MY WEBSITE
如果您检查菜单项 'PRODUCTS',您会看到选项卡看起来与 Bootstrap 页面不一样。
原因很明显,因为这是一个下拉菜单,标签是 ul 和另一个 li 下的 li 标签,它继承了它们的 css 值并显示了这一点。
我已尽一切努力将此值覆盖为默认的 Bootstrap 值,但我无法成功。
最佳答案
我认为这很接近您要查找的内容:http://www.bootply.com/68857
您正在使用大型菜单,因此您需要覆盖来自该菜单的样式。
如果您在我的示例中查看 CSS Pane 的底部,您会发现我已经恢复了默认的选项卡样式并进行了一些修改。
希望这对您有所帮助!
关于jquery - 如何为 Bootstrap 使用默认样式值 'Tabs on the Left'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/17764314/