Gehört Flex zu Bootstrap?

Flex-Layout gehört zum Bootstrap; Flex bezieht sich auf das elastische Layout. Verwenden Sie „.d-flex“ und „.d-inline-flex“, um den Flex-Layout-Stil zu aktivieren. Kann es verwendet werden? Das flexible elastische Layout ist auch der größte Unterschied zwischen Bootstrap3 und Bootstrap4.

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

Flex gehört zu Bootstrap

Bootstrap4 verwendet die Flex-Klasse, um das Layout der Seite zu steuern

Der größte Unterschied Zwischen Bootstrap 3 und Bootstrap 4 liegt Bootstrap 4. Verwenden Sie Flexboxen für das Layout anstelle von Floats.

• Verwenden Sie .d-flex und .d-inline-flex, um den Flex-Layout-Stil zu aktivieren;

• .flex-row kann die horizontale Position von untergeordneten Elementen darstellen, die standardmäßig links ist und von links nach rechts angezeigt wird (1, 2,3);

• .flex-row-reverse Unterelemente werden horizontal von links nach rechts angezeigt (3, 2, 1);

• .flex-column realisiert den vertikalen Effekt von sub -Elemente und beginnt mit der Anzeige von oben nach unten (1, 2, 3);

• .flex-column-reverse realisiert den vertikalen Effekt von untergeordneten Elementen und zeigt von oben nach unten an (3, 2, 1);

• .justify-content -start(end, center, between, around) realisiert die Ausrichtung des Inhalts;

• .align-items-start(end, center, baseline, stretch) realisiert die Ausrichtung des Elements; align-self-start(end , center, baseline, stretch) um eine Einzelelementausrichtung zu erreichen;
  Verwandte Empfehlungen:
Bootstrap-Tutorial

Das obige ist der detaillierte Inhalt vonGehört Flex zu Bootstrap?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!