Wie füge ich einen reaktionsfähigen Abstand zwischen Bootstrap-Spalten hinzu?

So erstellen Sie Abstände zwischen Bootstrap-Spalten

Um in Bootstrap Leerzeichen zwischen Spalten einzufügen, befolgen Sie diese Schritte:

Frage:

Wie fügt man zwischen zwei Spalten ein Leerzeichen ein, das automatisch angepasst wird? Spaltenbreiten, um den Abstand auszugleichen?

Antwort:

Umschließen Sie die Spalten innerhalb einer Zeile und verschachteln Sie innerhalb jeder Spalte eine weitere Spalte mit der gleichen Breite wie die übergeordnete Spalte:

<div class="row">
  <div class="col-md-6">
    <div class="col-md-12">Your Content</div>
  </div>
  <div class="col-md-6">
    <div class="col-md-12">More Content</div>
  </div>
</div>

Erklärung:

Diese Technik erstellt eine „Gutter“ zwischen den verschachtelten Spalten, die die volle Breite ihrer übergeordneten Spalten erben. Die integrierten Stege von Bootstrap verteilen die Elemente automatisch gleichmäßig.

Beispiel:

[Bild von beabstandeten Spalten mit Stegen, die mit dem Ansatz der verschachtelten Spalten erstellt wurden]

Das obige ist der detaillierte Inhalt vonWie füge ich einen reaktionsfähigen Abstand zwischen Bootstrap-Spalten hinzu?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!