Twitter Bootstrap HAML topbar

Question

我正在尝试使用twitter bootstrap创建一个顶栏，但黑色栏不会呈现。我有一个简单的应用程序与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 

我可以看到bootstrap样式，所以我已经包含bootstrap并且它正在与页面一起呈现。我必须在我的哈姆里犯一些错误。

Answer 1

在引导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