2017-05-03 4 views
1

In meinem Reaktionsprojekt, das react-bootstrap verwendet, werden alle CSS-Werte für die Rastergrößen geladen, mit Ausnahme des xs-Satzes.Fehlende Col-xs-Größen mit Bootstrap 4

Der Satz xs erhält jedoch die Standardstile für alle Rastergrößen, enthält jedoch keine Medienabfrage.

Ist etwas offensichtlich, das ich vermisse?

Bootstrap 4

Antwort

2

Die -xs- Infix wurde von Bootstrap 4 Alpha 6, entfernt, so sind die Klassen einfach, col-1, col-2 .. col-12, etc ...

Seit Bootstrap "mobile first" ist, Der xs Haltepunkt (< 576px) ist die Standardeinstellung und keine Medienabfragen dafür. Es gibt nur Medienabfragen für die größeren Haltepunkte, um die kleineren Haltepunkte zu überschreiben. Beginnend mit dem kleinsten jedem Haltepunkt überschreibt die nächste ..

xs (default)> außer Kraft gesetzt durch sm> außer Kraft gesetzt durch md> außer Kraft gesetzt durch lg> außer Kraft gesetzt durch xl

+0

Thank you! Ich war besorgt, dass dies der Fall war. Ich versuche Gitter in der xs Größe zu erzwingen, aber sie sind einfach nicht damit kompatibel. –