Wie füge ich in Bootstrap einen vertikalen Abstand zwischen Zeilen hinzu, ohne die Zeilenklasse zu ändern?

Hinzufügen des vertikalen Abstands zwischen Zeilen in Twitter Bootstrap

Die Zeilenklasse von Bootstrap ist für die Seitenstruktur von entscheidender Bedeutung. In Situationen, in denen Sie jedoch einen zusätzlichen oberen Rand zwischen Zeilen benötigen, ist es unklug, die Zeilenklasse selbst zu ändern.

Lösung: Erstellen Sie eine benutzerdefinierte Klasse

Erstellen Sie stattdessen eine Erstellen Sie eine benutzerdefinierte Klasse wie „top-buffer“, um diesen Effekt zu erzielen. Dieser Ansatz vermeidet Eingriffe in das Kern-Bootstrap-Framework und ermöglicht die Flexibilität, nur bei Bedarf einen oberen Rand hinzuzufügen.

CSS-Deklaration:

<code class="css">.top-buffer {
  margin-top: 20px;
}</code>

HTML-Implementierung :

Wenden Sie die Klasse „top-buffer“ auf die spezifischen Zeilen an, die einen oberen Randabstand erfordern.

<code class="html"><div class="row top-buffer">...</div></code>

Diese Lösung bietet einen saubereren und gezielteren Ansatz zum Hinzufügen vertikaler Abstände zwischen Reihen unter Wahrung der Integrität des Bootstrap-Gittersystems.

Das obige ist der detaillierte Inhalt vonWie füge ich in Bootstrap einen vertikalen Abstand zwischen Zeilen hinzu, ohne die Zeilenklasse zu ändern?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!