Wie Padding auf eine flüssige Reihe in twitter Bootstrap

Question

Jetzt, wenn ich Padding auf internen Wrapper, erwarte ich die Polsterung auf das gesamte Gitter auswirken! im Inneren. Aber ein Überlauf auftritt (ich glaube, die richtige Polsterung funktioniert nicht)

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

Der blaue Balken steht unter Header Klasse. Die grüne Box repräsentiert die Polsterung! Also, es passiert auf links, aber nicht richtig

Answer 1

.row-fluid ist 100% Breite. Da es ein Rahmen-Layout verwendet, wird jede Füllung, die Sie einfügen, zu 100% hinzugefügt. Siehe http://paulirish.com/2012/box-sizing-border-box-ftw/. Wenn Sie es jedoch auf die Verwendung des Inhaltsfeldmodells einstellen, werden wahrscheinlich andere Probleme in Bootstrap auftreten.

Wie es zu beheben - fügen Sie ein inneres Element mit der Polsterung.

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

Answer 2

Ich kann nicht sehen (oder unterscheiden) von Ihrem Beitrag, was falsch ist, aber hier ist meine Vermutung: Indem Padding auf ein Element, Bootstrap Größen, Sie haben seine Breite geändert. Versuchen Sie stattdessen, Rand auf .Header zu setzen.

Wenn dies nicht hilft, erstellen Sie bitte eine Demo: http://jsfiddle.net/