bootstrap grid view code example

Example 1: bootstrap grid

  

    

      One of three columns
    
    

      One of three columns
    
    

      One of three columns
    
  

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

Example 3: bootstrap grid class

col-12 col-sm-4 col-md-3 col-lg-12	col-xl-12

Example 4: .row bootstrap

.row{
    display: flex;
    flex-wrap: wrap;
	margin-right: -15px;
    margin-left: -15px;
}

Example 5: boostrap grid

  
.col-9
  
.col-4
Since 9 + 4 = 13 > 12, this 4-column-wide div gets wrapped onto a new line as one contiguous unit.
  
.col-6
Subsequent columns continue along the new line.