bootstrap 4 no gutter code example

Example 1: no gutter in bootstrap css for row

.row.no-gutter {
  margin-left: 0;
  margin-right: 0;
}

.row.no-gutter [class*='col-']:not(:first-child),
.row.no-gutter [class*='col-']:not(:last-child) {
  padding-right: 0;
  padding-left: 0;
}

Example 2: no-gutter bootstrap 4

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

Example 3: boot strap columns

  

    

      1 of 3
    
    

      2 of 3 (wider)
    
    

      3 of 3
    
  
  

    

      1 of 3
    
    

      2 of 3 (wider)
    
    

      3 of 3