twitterのブートストラップで液体行のパディングを行う方法

Question

<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クラスを表す（私が思うに、右パディングが機能していません）。緑色のボックスは、パディングを表します。だから、それは左で起こっているが右ではない。

Answer 1

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

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

<div class="row-fluid"> 
    <div style="padding-left: 30px; padding-right: 30px;"> 
    ... 
    </div> 
</div> 

Answer 2

あなたの投稿から何が間違っているのか分からないが、私の推測は次のとおりである：ブートストラップサイズの要素にパディングを置くことによって、代わりに.Headerに余白を入れてみてください。

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