How Do I Remove Gutters in Bootstrap?

Removing Column Gutters in Bootstrap

Bootstrap utilizes padding to create gutters between its columns. However, in some cases, you may prefer to eliminate this spacing without resorting to manual adjustments.

Bootstrap 5 and Above

With Bootstrap versions 5 and later, the .no-gutters class has been replaced with .g-0. To remove gutters from a row, simply apply this class to it.

Bootstrap 4

Bootstrap 4 introduced the .no-gutters class for row elements, providing direct control over gutter elimination.

Bootstrap 3.4.0 and Above

Bootstrap 3.4.0 introduced the .row-no-gutters class to remove gutters using padding changes.

Bootstrap 3 (<= 3.3.9)

For Bootstrap versions 3 up to 3.3.9, customization requires additional CSS with classes like .no-gutter to adjust both margin and padding.

The above is the detailed content of How Do I Remove Gutters in Bootstrap?. For more information, please follow other related articles on the PHP Chinese website!