Bootstrap Grid - Large Devices

Bootstrap Grid Beispiel: Große Geräte

Im vorigen Kapitel präsentierten wir ein Raster Beispiel mit Klassen für kleine und mittlere Geräte. Wir haben zwei divs (Spalten) und wir gaben ihnen eine 25%/75% Aufteilung auf kleinen Geräten, und eine 50%/50% Split auf Medium - Geräte:

Aber bei großen Geräten kann das Design besser sein als 33%/66% gespalten.

Tipp: Große Geräte sind definiert als eine Bildschirmbreite von 1200 Pixeln und höher.

Für große Geräte werden wir die Verwendung .col-lg-* Klassen.

So, jetzt werden wir die Spaltenbreiten für große Geräte hinzufügen:

Jetzt wird Bootstrap "an der kleinen Größe zu sagen, schauen Sie sich Klassen mit -sm- in ihnen und nutzen diese. Bei der mittleren Größe, schauen Sie sich Klassen mit -md- in ihnen und nutzen diese. An der großen Größe, schauen Klassen mit dem Wort -lg- in ihnen und nutzen diese ".

Im folgenden Beispiel wird in einer Folge von 25%/75% Aufteilung auf kleinen Geräten, eine 50%/50% Split auf Medium - Geräten und einem 33%/66% Split auf große Geräte:

Mit nur Groß

Im Beispiel unten, geben wir nur die .col-lg-6 - Klasse (ohne .col-md-* und / oder .col-sm-* ). Dies bedeutet, dass große Geräte 50% / 50% aufgeteilt wird. Doch für mittlere und kleine Geräte, wird es stapeln sich vertikal (100% Breite):