Bootstrap Grid System | html gridview w3schools
BootstrapGridSystemBootstrapsgridsystemallowsupto12columnsacrossthepage.Ifyoudonotwanttouseall12columnindividually,youcangroupthecolumnstogethertocreatewidercolumns:span1span1span1span1span1span1span1span1span1span1span1span1 span4 span4 span4span4span8span6span6span12Bootstrapsgridsystemisresponsive,andthecolumnswillre-arrangedependingonthescreensize:Onabigscreenitmightlookbetterwiththecontentorganizedinthreecolumns,butonasmallscreenitwouldbebetterifthecontentitemswerestackedontopofeachothe...
Bootstrap Grid SystemBootstraps grid system allows up to 12 columns across the page.
If you do not want to use all 12 column individually, you can group the columns together to create wider columns:
span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 1 span 4 span 4 span 4 span 4 span 8 span 6 span 6 span 12Bootstraps 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.
Tip: Remember that grid columns should add up to twelve for a row. More than that, columns will stack no matter the viewport.
Grid ClassesThe Bootstrap grid system has four classes:
xs (for phones - screens less than 768px wide) sm (for tablets - screens equal to or greater ...