Bootstrap：Subnav与演示站点上的样式不同

Question

我的bootstrap subnav看起来与演示站点上的不同。这是我的标记：

<div class="subnav">
    <ul class="nav nav-pills">
        <li><a href="#demoModal">Modal</a></li>
        <li><a href="#demoTabs">Tabs</a></li>
        <li><a href="#demoAccordion">Accordion</a></li>
        <li><a href="#demoOther">Other</a></li>
    </ul>
</div>

以及我所看到的图像：

这就是我想要复制的内容：

我试着完全复制标记，但无济于事。我想知道是否它可能与父元素不同有关...所以我把我的东西变成了容器流体＆＃34;入级div，但没有帮助。也许这里有人可以发现我的眼睛错过的东西..

Answer 1

这是因为样式不包含在bootstrap中。您可以从他们的标记中获取docs.css并引用它。这似乎是CSS为子导航提供了您正在寻找的样式。

即。