Working with the Bootstrap grids

Rate this post

Bootstrap3 comes with a 12-column grid which is frequently used for building responsive websites.

You can use all 12 columns individually or you can group the columns together to make wider columns:

col 1 col 2 col 3 col 4 col 5 col 6 col 7 col 8 col 9 col 10 col 11 col 12
col 4 col 4 col 4 col 4
col 6 col 6
col 12

Bootstrap’s grid system is responsive, which means that the columns will re-arrange automatically depending on the screen size.

To be sure that the columns appear on a separate horizontal group, we must use rows.
Rows allows us to create horizontal groups of columns.

To use boorstrap grids, first we need to create a row (<div class=”row”>), and then add the desired number of columns in it.
Add up to 12 columns for each row.

Hello there!

I hope you find this post useful!

I'm Mihai, a programmer and online marketing specialist, very passionate about everything that means online marketing, focused on eCommerce.

If you have a collaboration proposal or need helps with your projects feel free to contact me. I will always be glad to help you!

subscribe youtube

Leave a Comment

WebPedia.net