2012-04-30 11 views
3

私は「コンテンツ」をナビゲーションバーの中央に置こうとしています。 「navbar-fixed-top」の場合、ULメニューは中央に配置されます。しかし、私はトップにメニューを修正したくないので、そのクラスを削除しますが、メニューは中央に配置されません。 左側に浮いています。それはコンテナのマージンに合わせる必要があります。 http://twitter.github.com/bootstrap/scaffolding.htmlと似ていますが、上部に固定したくありません。NavbarコンテンツがTwitterのブートストラップで修正されていない場合、コンテンツをセンタリングしていますか?

enter image description here

これは、これは、少なくとも、それは2.0.1で働いていたが、そう、最新バージョンではいくつかの変更があったようで、デフォルトの動作にするために使用コード

 <div class="navbar "> 
      <div class="navbar-inner"> 
       <div class="container" > 
        <a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse"> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
         <span class="icon-bar"></span> 
        </a> 
        <a class="brand" href="#">Project name</a> 
        <div class="nav-collapse"> 
         <ul class="nav"> 
          <li class="active"><a href="#">Home</a></li> 
          <li><a href="#about">About</a></li> 
          <li><a href="#contact">Contact</a></li> 
         </ul> 
        </div><!--/.nav-collapse --> 
       </div> 
      </div> 
     </div> 
+0

質問を正しく理解しているかどうかわからないので、navbarの内容を '940px'のコンテナ内で修正したいのですか? '.container' divの幅は? –

+0

私は実際に修正したくありません。修正するのではなく、図のようにヘッダーの後に使用したいと思います。私が望むのは、コンテンツが左に浮かぶことです。それは中心に合わせる必要があります。マージンのような:0自動;幅:940ピクセル。 ...。しかし、それは動作しません – SNaRe

+0

あなたはこのようなものを意味する:http://jsfiddle.net/5TpJH/1/show/ –

答えて

3

ですナビゲーションバーが固定されていないときに、ナビゲーションバーのコンテンツの中央に表示されなくなりました。

.navbar-inner > .container { width:940px; } 
+0

ミキシングを使用すると、おそらくより良い方法です:@include core-span($ gridColumns); – pedroteixeira

6

使用navbar-static-top

回避策は、あなたのCSSに以下を追加することのようです。

動作しない場合は、最新のブートストラップバージョンを確認してください。

+0

ありがとう!何が間違っているのか分かりませんでしたが、そのクラスを追加することは魅力のように機能します。 – user1287523

関連する問題