Hello everyone, My previous blog was about getting started with Bootstrap and learning the basics about it.
Here is a link Getting started with Bootstrap.
Grid system in bootstrap
This is the total amount of columns you can use.
As you already know that bootstrap is famous because of its responsive behavior. The webpage accommodates its size with respect to the sizeof the screen. The columns in bootstrap also re-arrange themselves according to the size of the screen.
From my previous blog,You come to know that every pre-defined keyword in bootstrap is in the form of class. Similar is the case with grids of bootstrap !
Yes you guessed this right ! There is also a class for rows and columns. Since a grid consists of both rows and columns.
To initiate a column, We use the class column which can be modified as the user wants .
Bootstrap grid has four classes
These classes will create a grid as it is specified by their name.
<div class="row">
<div class="col-sm-3" style="background-color:lavender"> I am a column</div>
</div>
*Creates a column with a lavender background which stacks on small screen sizes *
As we know a grid is a combination of rows and columns that's why we have typed a column class inside a row class.