Use gap property for flex box grid gutter

[nightloewe1]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

Bootstrap should use the gap-property to manage the gutter between the columns and rows, so that you can easily customize the padding of the rows or columns without interfering with the gutter provided by bootstrap.

Motivation and context

I sometimes get into weird problems with the grid when using custom padding/margin on the elements. The gap-property would introduce a clear distinction between padding, margin and the gutter.

[kumar200516]

Prerequisites

• [X] I have searched for duplicate or closed feature requests
• [X] I have read the contributing guidelines

Proposal

Bootstrap should use the gap-property to manage the gutter between the columns and rows, so that you can easily customize the padding of the rows or columns without interfering with the gutter provided by bootstrap.

Motivation and context

I sometimes get into weird problems with the grid when using custom padding/margin on the elements. The gap-property would introduce a clear distinction between padding, margin and the gutter.

Yes

[mdo]

This is the goal for a v6 release—changing in v5 would be a breaking change.