jquery - 如何为 Bootstrap 使用默认样式值 'Tabs on the Left'？

Question

我正在使用 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 值，但我无法成功。

Answer 1

我认为这很接近您要查找的内容:http://www.bootply.com/68857

您正在使用大型菜单，因此您需要覆盖来自该菜单的样式。

如果您在我的示例中查看 CSS Pane 的底部，您会发现我已经恢复了默认的选项卡样式并进行了一些修改。

希望这对您有所帮助!