3

このような全幅のナビゲーションバーを作りたいです。この私のコード:

<div class="navbar">
    <div class="navbar-inner">
        <div class="container">
            <!--brand and menu-->
        </div>
    </div>
</div>

CSS:

.navbar .container {
  width: 100% !important;
}

ボディ幅 (940px) を維持するのはなぜですか?

4

3 に答える 3

9

クラスcontainer-fluidの代わりに使用します。container

コンテナ クラスは、固定幅のレイアウトを提供します。リンク

<div class="navbar">
    <div class="navbar-inner">
        <div class="container-fluid">
            <!--brand and menu-->
        </div>
    </div>
</div>
于 2013-08-12T05:13:08.637 に答える
0

max-width="1000px"ヘッダーが全幅に収まらないようにCSSコードを書いています。

親切に助けてくれてありがとう。

于 2013-08-12T06:51:37.753 に答える
0

これをテストする方法はありませんが、これが私がこれを行う方法です。最初に、親要素である body の幅を変更する必要があります。

body {
  width: 100%;
}

.navbar {
  width: 100%;
}

次に、ここから残りのコンテンツをクラス コンテナーを使用して div に配置します。

<div class="container">
     Content Here
</div>

このコンテナの CSS を次のように変更します。

.container {
  width: 80%;
  margin: auto;
}

これにより、ナビゲーションバーの幅がページ全体になり、.container の幅のパーセンテージに基づいて中央のコンテンツの幅を変更できると思います。お役に立てれば。

于 2013-08-12T05:00:35.507 に答える