8

In my react project, using react-bootstrap, it's loading all all the css for the grid sizes, except for the xs set.

the xs set does, however, get the default styles applied to all grid sizes, but does not include the media query.

Is there something obvious I am missing?

Bootstrap 4

Carol Skelly
  • 351,302
  • 90
  • 710
  • 624
Steven Stark
  • 1,249
  • 11
  • 19

1 Answers1

20

The -xs- infix was removed from Bootstrap 4 Alpha 6, so the classes are simply, col-1, col-2.. col-12, etc...

Since Bootstrap is "mobile first", the xs breakpoint (<576px) is the default and are no media queries for it. There are only media queries for the larger breakpoints to override the smaller breakpoints. Starting with the smallest each breakpoint overrides the next..

xs(default) > overridden by sm > overridden by md > overridden by lg > overridden by xl

Carol Skelly
  • 351,302
  • 90
  • 710
  • 624
  • Thank you! I was worried that this was the case. I am trying to force grids in the xs size, however they just are not compatible with this. – Steven Stark May 03 '17 at 18:34