Introduction to Bootstrap4
Component of Bootstrap
Grid is basically use to create responsive design like how we want to show our website in different -different screens like mobiles, tablets, or desktop etc.
But here Bootstrap permits only 12 columns in a page. But if you don’t want to use 12 columns in any page than we can group them just to make a larger column.
There are mainly five type of classes in Grid according to the resolution screen size:-
Here we will create 4 different types of classes which will be responsive too.
Let's understand this by following program:-
Here we had just created 4 columns and this is responsive too. You can check it by resizing the browser when you perform it.
After resizing the browser window we can see the effect.
So here we get 4 columns.
Two unequal responsive columns .
Let's understand this by the following program:-
Here we had just created 2 columns and this is responsive too.
We can check it by resizing the browser when you perform it.
Here is the output:-
After resizing the browser window we can see the effect.
Bootstrap 4 training insitute | Best IT Training classes in Gurgaon | Web Designing Training Institute