7 
<div class="internal-wrapper row-fluid">
        <div class="Header span12"> 
                <div class="HeaderTitle span6"></div>
                <div class="span6"></div>
        </div>
</div>

ここで、内部ラッパーでパディングを行うと、パディングがグリッド全体に影響することを期待しています! その中。しかし、オーバーフローが発生しています（右のパディングが機能していないと思います）

.internal-wrapper {
     padding-left: 30px;
     padding-right: 30px;
}

ここに画像の説明を入力

下の青いバーはHeaderクラスを表します。緑色のボックスは、パディングを表しています! だから、それは左では起こっているが右では起こっていない

4

2 に答える 2

16

.row-fluid幅は 100% です。ボーダーボックス レイアウトを使用しているため、配置したパディングはその 100% に追加されます。http://paulirish.com/2012/box-sizing-border-box-ftw/を参照してください。ただし、コンテンツ ボックス モデルを使用するように設定すると、Bootstrap で別の問題が発生する可能性があります。

修正方法 - パディングを使用して内側の要素を追加します。

<div class="row-fluid">
  <div style="padding-left: 30px; padding-right: 30px;">
     ...
  </div>
</div>
于 2013-02-06T18:09:13.063 に答える
0

あなたの投稿から何が間違っているのかわかりません (または識別できません) が、ここに私の推測があります: Bootstrap のサイズの要素にパディングを配置することで、その幅を変更しました。代わりに .Header にマージンを入れてみてください。

これで問題が解決しない場合は、デモを作成してください: http://jsfiddle.net/

于 2013-02-06T17:59:14.867 に答える