0

我正在使用 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>

我在我的网站上使用这个

如果您检查菜单项“产品”，您将看到选项卡看起来与引导页面不同。

原因很明显，因为这是一个下拉菜单，并且选项卡是ul和另一个li下的li标签，它继承了它们的 css 值并显示了这一点。

在此处输入图像描述

我已经尝试了一切以将此值覆盖为默认引导值，但我无法成功。

4

1 回答 1

0

我认为这与您正在寻找的内容很接近：http: //www.bootply.com/68857

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

如果您在我的示例中查看 CSS 窗格的底部，您会看到我已经恢复了默认选项卡样式以及一些修改。

希望这可以帮助！

于 2013-07-21T12:19:56.397 回答