Was bedeutet sm im Bootstrap?

Im Bootstrap bedeutet sm „klein“ und ist die Abkürzung für „small“. sm wird häufig zur Darstellung der Rasterklasse „.col-sm-*“ verwendet, was eine kleine Bildschirmgeräteklasse bedeutet, was darauf hinweist, dass die Anzeigegröße größer ist oder gleich 768 Pixel und Bildschirmgeräte kleiner als 992 Pixel, ähnlich wie Tablet-Geräte.

Die Betriebsumgebung dieses Tutorials: Windows 10-System, Bootstrap-Version 3.3.7, DELL G3-Computer

Was bedeutet sm in Bootstrap?

sm bedeutet klein, was klein ist.

Was ist das Rastersystem? Das Rastersystem bezieht sich auf die Aufteilung des Seitenlayouts in Spalten gleicher Breite und die anschließende Modularisierung des Seitenlayouts durch Festlegung der Anzahl der Spalten. Das Rastersystem von Bootstrap verwendet ein 1-12-Spalten-Muster und verwendet proportionale Berechnungen, um die von Ihnen definierten Spaltenbreiten festzulegen. Wenn Sie beispielsweise einen zweispaltigen Layoutmodus für diese Zeile verwenden möchten, beträgt die Breite jeder Spalte 50 % des äußeren Containers. Unabhängig davon, welches Gerät Sie zum Durchsuchen verwenden, wird sie in diesem Verhältnis angezeigt. Wenn die Gerätebreite jedoch kleiner als die von Ihnen festgelegte Mindestbreite ist, werden die beiden Spalten zu einer Spalte nebeneinander.

Das Rastersystem von Bootstrap

Die Verwendung des Rastersystems in Bootstrap ist sehr einfach und bequem. Führen Sie einfach die bereits definierten Klassen in Ihre Divs ein.

Werfen wir zunächst einen Blick auf mehrere Rasterklassen, die in Bootstrap verwendet werden können:

1 .col-xs-* Dies ist eine ultrakleine Bildschirmklasse (

2. .col-sm-* Dies ist eine Geräteklasse mit kleinem Bildschirm (≥768px und 3. .col-md-* Dies ist die mittlere Geräteklasse (≥992px und 4. .col-lg-* Dies ist eine große Geräteklasse (≥1200px).

col – für alle Geräte

col-sm – Tablet – Bildschirmbreite gleich oder größer als 576 Pixel

col-md – Desktop-Monitor – Bildschirmbreite gleich oder größer als 768 Pixel)

col-lg – großer Desktop-Monitor - Bildschirmbreite gleich oder größer als 992 Pixel)

col-xl- extra großer Desktop-Monitor - Bildschirmbreite gleich oder größer als 1200 Pixel)

Verwandte Empfehlungen:

Bootstrap-Tutorial

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