为什么我的Twitter Bootstrap导航栏样式不适用？

Question

一些背景-我正在制作Rails应用程序（4.0）。 使用BS3，bootstrap.css和bootstrap-theme.css都在我项目的stylesheets目录中，而bootstrap.js都在我的javascripts目录中。 其他引导样式也可以正常显示，例如.btn-group，.btn-primary等。这是我要创建的导航栏（HAML）：

.navbar.navbar-fixed-top
    .navbar-inner
        .container
            %a.brand{:href => '#'} Site Name
            %ul.nav
                %li.active
                    %a{:href => '#'} Home
                %li
                    %a{:href => '#'} Link 1
                %li
                    %a{:href => '#'} Link 2

这是它的外观，垂直堆叠而不是水平堆叠，以及缺少其样式的“品牌”： http ： //jsfiddle.net/JLt9u/

如现场所见，如何使它水平？ 我只是在使用过时的类名吗？ 我已经看过与SO相关的各种其他问题，但似乎没有答案。 任何帮助，将不胜感激！

Answer 1

您正在使用具有新样式的旧（2.x）标记。 正确的标记，取自Bootstrap文档 ：

<nav class="navbar navbar-default navbar-fixed-top">
  <ul class="nav navbar-nav">
    <li class="active"><a href="#">Home</a></li>
    <li><a href="#">Link 1</a></li>
    <li><a href="#">Link 2</a></li>
  </ul>
</nav>

如果您是从2.x迁移到3.0，则有一个docs部分 。