• In Bootstrap, we have seen in the previous tutorial where we made use of a page header class to create a heading.  But this time, we want to make that heading more appealing by adding a subtitle to it.  This subtitle can be your tag line or a small info […]

    Adding Subtitle to Page Header Class in Bootstrap 3

    In Bootstrap, we have seen in the previous tutorial where we made use of a page header class to create a heading.  But this time, we want to make that heading more appealing by adding a subtitle to it.  This subtitle can be your tag line or a small info […]

    Continue Reading...

  • In Bootstrap, while creating header section, we make use of page-header class.  However, it is not necessary to use and will not make any huge difference in appearance apart from a thin grayish horizontal line at the bottom which represents separation from body of the page.  But point to remember […]

    Page Header Class in Bootstrap 3

    In Bootstrap, while creating header section, we make use of page-header class.  However, it is not necessary to use and will not make any huge difference in appearance apart from a thin grayish horizontal line at the bottom which represents separation from body of the page.  But point to remember […]

    Continue Reading...

  • So far, you know that we can have only 12 columns in a single row in a Grid System.  You can nest more columns and rows within each of those 12 columns.  The nested column will take the entire width of the parent column and will form another 12 columns […]

    Nested Columns in Bootstrap 3 with Example

    So far, you know that we can have only 12 columns in a single row in a Grid System.  You can nest more columns and rows within each of those 12 columns.  The nested column will take the entire width of the parent column and will form another 12 columns […]

    Continue Reading...

  • Push and Pull classes play an important role in properly ordering columns.  In case, you are not happy with normal order of columns, then you can use Push and Pull classes to change that and reorder them as you wish.  Push class moves column to the right and Pull class […]

    Push and Pull Columns in Bootstrap 3 With Example

    Push and Pull classes play an important role in properly ordering columns.  In case, you are not happy with normal order of columns, then you can use Push and Pull classes to change that and reorder them as you wish.  Push class moves column to the right and Pull class […]

    Continue Reading...

  • In Bootstrap, we have a feature called offsetting columns.  With the help of this feature, you can shift your columns to the left.  Offset number will determine the column gap you want to have from the left.   For example, if you have created a row with a column span of […]

    Offsetting Columns in Bootstrap 3 With Example

    In Bootstrap, we have a feature called offsetting columns.  With the help of this feature, you can shift your columns to the left.  Offset number will determine the column gap you want to have from the left.   For example, if you have created a row with a column span of […]

    Continue Reading...

  • 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 […]

    Column Classes & Spanning in Bootstrap 3 with Example

    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 […]

    Continue Reading...

  • 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 […]

    Containers in Bootstrap 3

    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 […]

    Continue Reading...

  • 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 […]

    Grid System in Bootstrap 3

    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 […]

    Continue Reading...

  • 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 […]

    Rendering of a Web Page in Bootstrap 3

    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 […]

    Continue Reading...

  • 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 […]

    How To Use Bootstrap 3

    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 […]

    Continue Reading...

Page 1 of 212