2012-02-01 6 views
1

私は、twitterブートストラップを使ってトップバーを作成しようとしていますが、黒いバーは表示されません。私はhaml-railsless-rails-bootstrapの簡単なレールアプリを持っています。 Twitter Bootstrap HAMLトップバー

は、私は、次のHAML試してみました:

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

私はSOに見ていたが、見つかった次のポスト:私はHAMLにそのHTMLを翻訳しようとしたTwitter Bootstrap css topbar html/cssが、これは動作しません。次のいずれか

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

私はブートストラップのスタイリングを見ることができるので、私はブートストラップを含んでおり、ページと共にレンダリングされています。私は私のハムでいくつかの間違いをしているに違いない。

+0

あなたはどのバージョンのBootstrapを使用していますか? 1.4または2.0? – sborsje

+0

2.0、from gem less-rails-bootstrap 2.0.1 – Peter

答えて

2

ブートストラップ2.0でHTML足場は1.4で提案されたものとは異なる:HAMLで

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

これはのようになります。http://twitter.github.com/bootstrap/components.html#navbar

:あなたはで詳細を見つけることができ

.navbar 
    .navbar-inner 
    .container 
     ... 

+0

これを使ってより良い結果が得られましたが、まだ正しくはありません。黒いバーはありません。他のどこでもスタイリングをオーバーライドしているわけではありませんが、何かが欠けていますか? – Peter

+0

おっと、私は 'navbar'の代わりに 'narbar'と書いていた。 – Peter

関連する問題