Wie entferne ich unerwünschte Auffüllungen und Ränder aus Bootstrap 3-Spalten?

Abstände aus Spalten in Bootstrap 3 entfernen

Bei Verwendung des Rastersystems von Bootstrap 3 kommt es häufig zu zusätzlichen Abständen oder Rändern um Spalten. So entfernen Sie es:

In Ihrem Code:

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

Sie haben zwei Spalten (col-md-4 und col-md-8) in einen col-md- eingeschlossen. 12 Spalte. Standardmäßig belegt ein col-md-12 die gesamte Zeile, einschließlich der Ränder und des Abstands, und führt so zu unerwünschtem zusätzlichen Platz.

Um dies zu beheben, verwenden Sie .row anstelle von .col-md-12 als übergeordneter Container. Dadurch wird sichergestellt, dass die beiden Spalten nebeneinander ohne unnötigen Abstand oder Rand gerendert werden:

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

Wenn Sie den Abstand oder Rand dennoch von einzelnen Spalten entfernen möchten, können Sie ein benutzerdefiniertes CSS hinzufügen Klasse wie folgt:

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

Dann wenden Sie diese Klasse auf die Spalten an, aus denen Sie den Abstand oder Rand entfernen möchten:

<div class="col-md-4 nopadding">

Das obige ist der detaillierte Inhalt vonWie entferne ich unerwünschte Auffüllungen und Ränder aus Bootstrap 3-Spalten?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!