Heim > Web-Frontend > CSS-Tutorial > Was ist ein Bootstrap-Grid-System?

Was ist ein Bootstrap-Grid-System?

藏色散人
Freigeben: 2021-05-28 15:18:23
Original
4321 Leute haben es durchsucht

Was ist ein Bootstrap-Grid-System?

Das Grid-System ist der Kern von Bootstrap. Gerade aufgrund der Existenz des Grid-Systems kann Bootstrap über eine so leistungsstarke reaktionsfähige Layoutlösung verfügen.

Das Folgende ist eine Erklärung aus der offiziellen Dokumentation:

Bootstrap bietet ein reaktionsfähiges, mobiles, flüssiges Rastersystem, das sich mit zunehmender Größe des Bildschirms oder Ansichtsfensters ändert Das System teilt es automatisch in bis zu 12 Spalten auf. Enthält vordefinierte Klassen für einfache Layoutoptionen sowie leistungsstarke Mixin-Klassen zum Generieren semantischerer Layouts.

Lassen Sie uns diesen Absatz verstehen und feststellen, dass der wichtigste Teil die Priorität mobiler Geräte ist. Was ist also die Priorität mobiler Geräte?

Der grundlegende CSS-Code von Bootstrap startet standardmäßig auf Geräten mit kleinem Bildschirm (z. B. Mobilgeräten, Tablets) und verwendet dann Medienabfragen, um auf Komponenten und Raster auf Geräten mit großem Bildschirm (z. B. Laptops, Desktop-Computer) zu erweitern.

hat folgende Strategie:

Inhalt: Entscheiden Sie, was am wichtigsten ist.

Layout: Priorisieren Sie Designs mit geringerer Breite.

Progressive Verbesserung: Elemente werden mit zunehmender Bildschirmgröße hinzugefügt.

Das obige ist der detaillierte Inhalt vonWas ist ein Bootstrap-Grid-System?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage