Wie entferne ich überschüssige Polsterung in Bootstrap 3-Spalten?

Abstand aus Bootstrap 3-Spalten entfernen

Problem:

In Bootstrap 3 ist der Abstand oder Rand zu groß rechte und linke Seite der col-md-*-Klassen. Das Ziel besteht darin, diesen zusätzlichen Platz zu entfernen.

HTML-Code:

<div class="col-md-12">
    <h2>OntoExplorer.<span>

Gewünschte Ausgabe:

Entfernen Sie die Zusätzlicher Abstand oder Rand an den Seiten der beiden Spalten, ohne col-md-* zu deaktivieren Klasse.

Lösung:

Normalerweise wird .row anstelle von .col-md-12 zum Umbrechen von Spalten verwendet. .Row verfügt nicht über die zusätzlichen Ränder und Abstände wie .col-md-12 und eliminiert außerdem den Leerraum, den eine Spalte mit negativen linken und rechten Rändern einführen würde.

Aktualisierter HTML-Code:

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>

Benutzerdefiniertes CSS:

Um die Auffüllung oder zu entfernen Wenn die Ränder vollständig sind, kann eine benutzerdefinierte CSS-Klasse namens .nopadding hinzugefügt werden, um diese Eigenschaften zu entfernen:

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

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