col md bootstrap 4 code example

Example 1: col-md bootstrap 4

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


  
.col-xs-6 .col-md-4
  
.col-xs-6 .col-md-4
  
.col-xs-6 .col-md-4


  
.col-xs-6
  
.col-xs-6

Example 2: bootstrap grids examples

  

    
.col-md-8
    
.col-md-4
  

Example 3: .col-6 bootstrap

.col-6{
	flex: 0 0 50%;
	max-width: 50%;
}

Example 4: 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