A CSS file that contains the bootstrap grid with xlg ( > 1500px width ) and xxlg ( > 2000 px width) classes. The grid is split into columns with 1/100 width of the parent div.
A bootstrap grid where the width of the screen is broken into 100 pieces e.g
col-xs-70
will create a div with width 70% of it's parent div.
The grid breakpoints are:
- xs: less than 768px
- sm: 768px to 991px,
- md: 992px to 1199px,
- lg: 1200px to 1500px,
- xlg: 1500px to 2000px,
- xxlg: bigger than 2000px
-
I got sick of needing a column with half way between two class widths on the standard 1/12 column width system and then having to hack a custom class for one specific use case so this grid is split into 1/100's.
-
I didn't like how lg was the biggest size meaning that everything from a laptop to a large desktop screen was given the same classes.