Nesting Columns in Bootstrap

To nest your content with the default grid, add a new .row and set of .col-md-* columns within an existing .col-md-* column. 

You can try to run the following code to learn how to implement nesting columns in Bootstrap ?

Example


   
      Bootstrap Example
      
      
      
   
   
      
         

Heading

         
           
               

Heading

               

This is demo text.

           
           
               

Heading

               

This is demo text.

               
                 
                     

This is box 1.

                 
                 
                     

This is box 2.

                 
               
               
                 
                     

This is box 3.

                 
                 
                     

This is box 4.

                 
               
           
         
     
   
Updated on: 2026-03-11T22:50:41+05:30

2K+ Views

Kickstart Your Career

Get certified by completing the course

Get Started
Advertisements