Was ist der Unterschied zwischen Bootstrap4.0 und 3.0?

Unterschiede: 1. Bootsrap3 verwendet das Float-Layout und Bootstrap4 verwendet das Flex-Layout. 2. Das Rastersystem in Bootstrap4 muss keine bestimmte Anzahl von Spalten hinzufügen, Bootsrap3 jedoch nicht. 3. Bootstrap3 verfügt über 4 Rastertypen und Bootstrap4 über 5 Gittertypen.

Die Betriebsumgebung dieses Tutorials: Windows 7-System, Bootsrap4-Version, DELL G3-Computer

Der Unterschied zwischen Bootstrap4 und Bootstrap3

• Bootsrap3 verwendet das Float-Layout, während Bootstrap4 das Flex-Layout verwendet

• Bootstrap4 Das Rastersystem muss keine bestimmte Anzahl von Spalten hinzufügen, z. B. 2 Spalten, und die Zeilen werden in jeder Größe gleichmäßig aufgeteilt.

• Bootstrap3 verfügt nur über 4 Rastertypen Typen: (col-xs extra klein, col-sm klein, col-md, mittel col-lg groß)

• Bootstrap4 hat 5 Rastertypen, (col-extra klein, col-sm-klein, col-md- medium, col-lg-large, col-xl -Extra groß)

• Bootstrap4 verwendet rem als Einheit

• Bootstrap4 legt den Spaltenoffset durch offset-sm-4 fest, während Bootstrap3 col-sm-offset- verwendet 4

• Bootstrap4 fügt einen reaktionsfähigen Container wie Container-sm, Container-md ... hinzu. Wenn die Bildschirmgröße kleiner als die Rasterklasse ist, nimmt er den gesamten Bildschirm ein

Hinweis:

Die hidden-xs,visible-xsKlasse in Bootstrap3 kann nicht in Bootstrap 4 verwendet werden.

Wenn Sie in Bootstrap 4 eine bestimmte Größe ausblenden möchten, sollten Sie sich auf die folgende Tabelle beziehen: -xs

d-sm-blockhidden-smd -sm-none d-md-blockhidden-mdd-md-none d-lg-blockhidden-lgd-lg-none d-xl-block -MD-Noned-md-block d-lg-noned-lg-block d-xl-noned-xl-blockEs ist erwähnenswert, dass die Verwendung von „hidden-sm“ in B3 nur in der Größe „sm“ ausgeblendet wird und andere Größen in B4 normal angezeigt werden, wenn Sie einfach „d-sm-none“ angeben , das Element wird in der Sm-Größe ausgeblendet, aber Größen über Sm werden ebenfalls ausgeblendet und Größen unter Sm werden normal angezeigt. Dies führt zu Aufwärtskompatibilitätsproblemen. Wenn Sie also festlegen, dass das Sm-Element ausgeblendet ist, müssen Sie dies auch festlegen die MD-Größenanzeige, wie in der Tabelle oben gezeigt, und so weiter für andere Aufwärtskompatibel ausblenden, abwärtskompatibel anzeigenBootstrap-Tutorial

	visible- md
	visible-lg
	visible-xl
[Verwandte Empfehlung: „	“]

Das obige ist der detaillierte Inhalt vonWas ist der Unterschied zwischen Bootstrap4.0 und 3.0?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!