bootstrap column responsive code example

Example 1: no-gutter bootstrap 4

  
.col-12 .col-sm-6 .col-md-8
  
.col-6 .col-md-4

Example 2: boot strap columns

  

    

      1 of 3
    
    

      2 of 3 (wider)
    
    

      3 of 3
    
  
  

    

      1 of 3
    
    

      2 of 3 (wider)
    
    

      3 of 3
    
  

Example 3: bootstrap grid

This code will create 4 boxes placed side by side, which will be 
dynamically positioned, according to the size of the screen. We define 
the following behavior: 




class = "col-lg-3"   




class = "col-md-4"   




class = "col-sm-6"  




  

    

      One of four columns
    
    

      One of four columns
    
    

      One of four columns
  	
    

      One of four columns