Bootstrap 5 Gutters
- Horizontal gutters: A horizontal gutter is used for horizontal padding between columns, responsively space, and aligning content to the grid system.
- Vertical gutters: A vertical gutter is used for vertical padding between columns.
- Horizontal & vertical Gutters: In Bootstrap 5, horizontal & vertical gutters are used to give horizontal & vertical padding between columns.
- Row columns gutters: This gutter is used to create responsive space in our grid.
- No gutters: No gutters remove margin and padding from rows and columns.
What is the use of Gutter Variable in Bootstrap ?
In Bootstrap, the gutter
variable is used to control the spacing between columns in the grid system. It determines the amount of space (in pixels) between adjacent columns, allowing developers to adjust the overall layout and spacing of their grid-based designs.