Question

一些背景 - 我正在制作一个rails应用程序（4.0）。使用BS3，bootstrap.css和bootstrap-theme.css都在我的项目的stylesheets目录中，以及我的javascripts目录中的bootstrap.js。其他引导样式工作显示得很好，例如.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/

如何在网站上看到水平？我只是使用过时的类名吗？我已经查看了与此相关的各种其他问题，似乎没有答案。任何帮助将不胜感激！

Answer 1

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

<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，则会a docs section for that。

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

1 个答案: