Twitter Bootstrap HAML topbar

Question

Я пытаюсь создать верхнюю панель с помощью Twitter начальной загрузки, но черная полоса не будет отображаться.У меня есть простое приложение rails с haml-rails и less-rails-bootstrap.

Я попробовал следующий хамл:

!!! 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

Я вижу стиль начальной загрузки, поэтому я включил начальную загрузкуи он отображается вместе со страницей.Должно быть, я ошибаюсь в своем хамле.

Answer 1

HTML-платформа в Bootstrap 2.0 отличается от предложенной в 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