Question

我正在尝试使用twitter bootstrap创建一个顶部栏，但黑色栏不会渲染。我有一个简单的rails应用haml-rails和less-rails-bootstrap。

我尝试了以下haml：

!!! 5
%html
   = render 'layouts/header'
   %body
     .topbar-wrapper
       .topbar
         .topbar-inner
           .container
             %a{:href => "brand", :href=>"#"} Name
     .container
       = yield

我看了SO并找到了以下帖子：Twitter Bootstrap css topbar html/css我尝试将该HTML翻译成haml，但这也不起作用：

!!! 5
%html
  %body
    .topbar
      .topbar-inner
        .container
          %a{:class => "brand", :href =>"#"} Name

我可以看到引导样式，所以我已经包含了引导程序，它正在与页面一起呈现。我必须在我的haml中犯错误。

Answer 1

Bootstrap 2.0中的HTML脚手架与1.4中提出的不同：

<div class="navbar">
  <div class="navbar-inner">
    <div class="container">
      ...
    </div>
  </div>
</div>

在HAML中，这将是：

.navbar
  .navbar-inner
    .container
       ...

您可以在以下网址找到更多详情：http://twitter.github.com/bootstrap/components.html#navbar

Twitter Bootstrap HAML顶部栏

1 个答案: