Bootstrap 5 Horizontal Gutters

Bootstrap 5 Horizontal gutters are used for padding between columns, responsively space, and aligning content to the grid system.

Bootstrap 5 Horizontal Gutter Class:

• gx-*: This class controls the horizontal widths of gutters.

Note: (*) is used for numeric numbers like 1,2,3,4,5,6, etc.

Syntax:

 <div class="row gx-5">
  ...
 </div>

Example 1: Let us see an example of Horizontal gutters.

Output:

👁 Image

Example 2: Let us see another example of Horizontal gutters.

Output:

👁 Image

Reference: https://getbootstrap.com/docs/5.0/layout/gutters/#horizontal-gutters