Was ist das Prinzip von Bootstrap?

Das Umsetzungsprinzip des Rastersystems besteht darin, die Größe des Behälters zu definieren und ihn in 12 gleiche Teile zu unterteilen (es kann auch in 24 oder 32 unterteilt werden). Teile, am häufigsten sind jedoch 12 Teile), passen Sie dann die inneren und äußeren Ränder an und kombinieren Sie sie schließlich mit Medienabfragen, um ein leistungsstarkes, reaktionsfähiges Rastersystem zu erstellen. Das Rastersystem im Bootstrap-Framework unterteilt den Container in 12 gleiche Teile.

Was ist das Prinzip von Bootstrap?

Das Implementierungsprinzip von Bootstrap.

Durch Definieren der Größe des Containers teilen Teilen Sie es in 12 gleiche Teile (Es gibt auch 24 Kopien, 23 Kopien (nehmen Sie 12 Kopien, um ein Dutzend zu erstellen, was fortgeschrittene Perfektion bedeutet), passen Sie dann die inneren und äußeren Ränder an und kombinieren Sie es schließlich mit Medienabfragen, um ein leistungsstarkes, reaktionsfähiges Rastersystem zu erstellen . (Der Wert von 12 kann durch Neukompilieren der LESS-Codequelle geändert werden.)

1. Die Datenzeile (.row) muss im Container (.container) enthalten sein, um eine entsprechende Ausrichtung und Auffüllung zu erhalten.

2. Sie können Spalten (.column) in Zeilen (.row) hinzufügen, aber die Summe der Anzahl der Spalten darf die Gesamtzahl der gleichen Spalten nicht überschreiten, wie zum Beispiel: 12.

3. Durch die Einstellung Padding entsteht Platz zwischen den Spalten. Gleichen Sie dann den Effekt des Auffüllens aus, indem Sie negative Ränder für die erste und letzte Spalte festlegen.

4. Wenn Sie nicht möchten, dass zwei benachbarte Spalten nahe beieinander liegen, verwenden Sie dazu die Offset-Funktion.

Verwandte Empfehlungen: „Bootstrap-Tutorial“

Das obige ist der detaillierte Inhalt vonWas ist das Prinzip von Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!