Skip to content

Should row-cols-* support auto-sizing? #29866

@kosmiq

Description

@kosmiq

Bootstrap 4.4.0 added the row-cols-* classes (awesome job btw, so nice to have).

I did notice that it does not add classes for autosizing columns based on breakpoints and that might be something to add.

Consider the following case:

  • For small devices we set .row-cols-2
  • For medium devices .row-cols-md-4
  • But for some reason we might want large devices to auto-size the columns, thus arises the need for .row-cols-lg-auto (not currently existing)

This is currently solvable by setting .row-cols-2.row-cols-md-4 on the row and then setting .col-lg-auto on the individual cols.

I think that this addition would give even greater flexibility in using the new .row-cols without the need to add classes to the nested columns.

I can create a PR for it, if we decide that it is a worthwhile addition. I read through parts of the discussion with row-cols but didn't manage to find anything regarding this (sorry if I have missed any prior discussions about it).

Metadata

Metadata

Assignees

No one assigned

    Type

    No type
    No fields configured for issues without a type.

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions