

lg (for laptops and desktops - screens equal to or greater than 1200px wide).md (for small laptops - screens equal to or greater than 992px wide).sm (for tablets - screens equal to or greater than 768px wide).xs (for phones - screens less than 768px wide).The Bootstrap grid system has four classes: More than that, columns will stack no matter the viewport. Tip: Remember that grid columns should add up to twelve for a row.


Bootstrap's grid system is responsive, and the columns will re-arrange depending on the screen size: On a big screen it might look better with the content organized in three columns, but on a small screen it would be better if the content items were stacked on top of each other.
