Grid
Grid options
See how aspects of the Bootstrap grid system work across multiple devices with a handy table.
Mobile Device <=600px |
Tablet > 600px |
Medium > 992px |
Large > 1200px |
|||
---|---|---|---|---|---|---|
Class Prefix | .s | .m | .l | .xl | ||
Container Width | 90% |
85% |
70% |
70% |
||
# of columns | 12 |
Grid Example
col l12
col l11
col l1
col l10
col l2
col l9
col l3
col l8
col l4
col l7
col l5
col l6
col l6
col l5
col l7
col l4
col l8
col l3
col l9
col l2
col l10
col l1
col l11
col l2
col l3
col l4
col l2
col l1