Bootstrap Grid System

Understanding Bootstrap grid system !

It is following the newspaper 12 column layout style.

Equal
Equal
Equal
Equal
Equal
Equal
Equal
Equal
Equal
Equal
Equal
Equal



Choosing the Column in the layout by specifying the coloum

Auto
Auto
Auto



For Mobile screen automatic size change and stack into row wise, one below one. Re-size the browser to undersand this behaviour.

Mobile
Mobile
Mobile



Ordering the column :

Third in display
First
Second - dont go by name



Nesting the columns using nested section tag !! Important concept - to layout the blog or webpage. Hint: Check where the fist div tag is getting closed !

First
Second
Third

Adoptive Sizing for the container !! Based on device width !!

This is a Sample text ! This will align based on the device width, to make this as a really long sentence ! I am typing simply without any new line !