為什么我的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部分 。