Wie entferne ich zusätzliche Auffüllung in Bootstrap 3-Spalten?

So entfernen Sie die Polsterung in Bootstrap 3

Das vorliegende Problem besteht darin, die rechte und linke Polsterung von col-md-*-Spalten in zu entfernen Bootstrap 3. Der bereitgestellte HTML-Code enthält zwei verschachtelte Spalten, das Ergebnis enthält jedoch zusätzliche Abstände an den Seiten Spalten.

Gewünschte Ausgabe

Das Ziel besteht darin, den zusätzlichen Platz zu eliminieren und die Spalten nebeneinander zu positionieren.

Lösung

Das Problem entsteht durch die Verwendung von .col-md-12 als übergeordneter Container für die Spalten. .col-md-12 ist im Wesentlichen eine Spalte, keine Zeile und erbt daher seine eigenen Ränder und Auffüllungen. Um dies zu beheben, ist es wichtig, die Spalten in eine .row-Klasse einzuschließen, wie unten gezeigt:

<div class="container">
    <div class="row">
        <h2>

Zusätzliche Optionen

Wenn das gewünschte Ergebnis erzielt werden soll Entfernen Sie alle Ränder und Auffüllungen und fügen Sie eine Klasse hinzu, um diese Stile für die untergeordneten Spalten zu überschreiben:

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

Das obige ist der detaillierte Inhalt vonWie entferne ich zusätzliche Auffüllung in Bootstrap 3-Spalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!