2

ブラウザの幅方向のサイズを変更するときに、次のメニューをページ/本文とともにフロートさせるにはどうすればよいですか?

http://jsfiddle.net/J7jJh/1/show/

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

固定は問題なく動作しますhttp://jsfiddle.net/WWf3x/show/しかし、上部にナビゲーションバーが必要ないため、navbar-fixed-top でマージンまたはフロートを使用してそれを下げる方法がわかりません同時に体を押し下げ、スクロールしても重ならないようにします。

4

1 に答える 1

2

navbar-fixed-topボディと一緒にをプッシュすることはおそらく可能ですが、よりクリーンな解決策は、レスポンシブ クラスを に適用するnavbarことです。navbar-fixed-topこれにより、将来または別のレイアウトで使用することにした場合でも、作業を続けることができます。

BootStrap css ソース コードのnavbar-fixed-topとの違いを簡単に見てみると、 .navbarcss

これが実際のデモです。追加するcssコードは次のとおりです。

.navbar .container{
    width: 940px;
}

@media (min-width: 1200px) {
    .navbar .container
    {
        width: 1170px;
    }
}

@media (min-width: 768px) and (max-width: 979px) {
    .navbar .container
    {
        width: 724px;
    }    
}
于 2013-08-12T23:14:58.477 に答える