How to create adaptive section with different columns per breakpoint?

Created on 3 November 2021, about 3 years ago
Updated 22 May 2024, 6 months ago

Problem/Motivation

In Bootstrap we can create adaptive rows, that have different number of columns for each breakpoint.
For example, in Desktop - 3 columns by 33%, in Tablet - 2 columns by 50% on first line and third - on second line, in Mobile - one column with 100% on 3 lines.

But in "Bootstrap Layout Builder" UI for 3 cols section on Tablet I can choose only different percentage of 3 columns, but no 2-column styles are available.

So, how can I achieve this behavior with Bootstrap Layout Builder module UI?

Steps to reproduce

Proposed resolution

Remaining tasks

User interface changes

API changes

Data model changes

πŸ’¬ Support request
Status

Active

Version

2.0

Component

User interface

Created by

πŸ‡¦πŸ‡²Armenia murz Yerevan, Armenia

Live updates comments and jobs are added and updated live.
Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

Production build 0.71.5 2024