Skip to content

Consider CSS gap utilities as a replacement for gutter classes #42648

Description

@julien-deramond

Bootstrap 5 handled the spacing between grid columns with gutter classes (.g-*, .gx-*, .gy-*). Now that the CSS gap property is well supported, it may be worth replacing those classes with gap-based utilities, or offering both.

We should weigh the trade-offs, settle on a direction, and — if we move to gap — document the migration path for people coming from the gutter classes.

The grid styles are in scss/layout/_grid.scss, where a // TODO: comment marks the spot. Once this is resolved, that comment can be removed.

Metadata

Metadata

Assignees

No one assigned

    Labels

    Type

    No type

    Fields

    No fields configured for issues without a type.

    Projects

    Status
    Inbox

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions