This code sets a Gutter Size of 20px on all Devices but 40px on Devices Widths from 768pxNote:You can add Multiple Gutter Utility Classes on the same element for different responsive breakpoints
This Class is applied to the Bootstrap .row which sets a margin-bottom CSS property on all the .col-* Bootstrap Columns inside it.
Sizes
.col-mb-30 - Sets a 30px Bottom Margin on the Columns
.col-mb-50 - Sets a 50px Bottom Margin on the Columns
.col-mb-80 - Sets a 80px Bottom Margin on the Columns
Responsive Breakpoints
.col-mb-{size} - Sets the Bottom Margin on all Devices
.col-mb-sm-{size} - Sets the Bottom Margin on Devices from 576px
.col-mb-md-{size} - Sets the Bottom Margin on Devices from 768px
.col-mb-lg-{size} - Sets the Bottom Margin on Devices from 992px
.col-mb-xl-{size} - Sets the Bottom Margin on Devices from 1200px
Ex:
<div class="row col-mb-50 col-mb-lg-80">
This code sets a Bottom Margin of 50px on all Devices but 80px on Devices Widths from 992pxNote:You can add Multiple Column Margin Utility Classes on the same element for different responsive breakpoints