To create a container, we make use of container class for fix-width and container-fluid for fluid-width or fluid layout. To create a row, we make use of row class. But in terms of column, we have 4 column classes in Bootstrap for different screen sizes. col-xs: XS stands for extra small displays where screen width
In Bootstrap, for proper alignment and padding, Grid system is placed inside a container. There are 2 types of container classes in Bootstrap. Container. Container-fluid. Container: This container has fixed width and it appears in the center of the screen. Container-fluid: This container consumes full width of the screen. This is also known as fluid
Grid system is one of the most important features in Bootstrap. Grid system helps you in arranging your web page content in proper manner. It is basically a combination of rows and columns. You can have multiple rows, but each row will have only 12 columns. Grid system is rectangular in size which contains all
As you know, there are numerous browsers and devices, so it is important to add some additional information in a HTML file using meta tags. This thing will ensure proper rendering of a web page. We want our web page to fit in the window of any device. This means we want our website to
First of all, we need to download Bootstrap from the official website, Click Here. At the time of this tutorial, Bootstrap v3.3.6 is available. There are 3 folders inside Bootstrap folder; CSS, Fonts, and JS. In CSS folder, we have bootstrap.min.css and bootstrap.css. In JS folder, we have bootstrap.min.js and bootstrap.js. The files containing min
