Wie zu tun-Polsterung auf einer fluid-Zeile in twitter bootstrap

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

Nun, wenn ich padding auf interne-wrapper, ich nehme an, dass die Polsterung zu Auswirkungen auf das gesamte Netz! in seinem inneren. Aber ein überlauf Auftritt (ich glaube, die richtige Polsterung ist nicht zu arbeiten),

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

Wie zu tun-Polsterung auf einer fluid-Zeile in twitter bootstrap

Den blauen Balken unten stellt Header Klasse. Das grüne Feld repräsentiert Polsterung! So, passiert auf der linken Seite, aber nicht direkt

InformationsquelleAutor Surya | 2013-02-06
  1. 16

    .row-fluid ist 100% Breite. Weil es mit einem border-box-layout, keine Polsterung, die Sie setzen Hinzugefügt wird, 100%. Sehen http://paulirish.com/2012/box-sizing-border-box-ftw/. Jedoch, die Einstellung zur Nutzung der content-box-Modell wird wahrscheinlich dazu führen, dass andere Probleme in der Bootstrap.

    Wie fix - fügen Sie einem inneren element mit der Polsterung.

    <div class="row-fluid">
  <div style="padding-left: 30px; padding-right: 30px;">
     ...
  </div>
</div>
    • Pause Bootstrap-wie? Durch Erben border-box, um die inneren Elemente?
    InformationsquelleAutor Dan Blows
  2. 0

    Kann ich nicht sehen (oder erkennen) aus deinem Beitrag, was falsch ist, aber hier ist meine Vermutung: Durch die Platzierung Abstand auf ein element, das Bootstrap-Größen, haben Sie verändert Ihre Breite. Versuchen Sie, Marge .Header statt.

    Wenn das nicht hilft, erstellen Sie bitte ein demo: http://jsfiddle.net/

    • Das scheint zu bestätigen, meine Antwort.
    InformationsquelleAutor isherwood
Schreibe einen Kommentar