Bootstrap5 Layouts
This module provides layout options for Drupal's Layout Builder using Bootstrap 5's grid system. It allows for easy configuration of rows and columns with various styling options, and includes a sub-module for upper-half column layouts. An optional CSS loader provides necessary grid styles for any theme, and a Views style integration is also available.
Features
Provides Drupal's Layout Builder a set of Layouts using Bootstrap5 generation Grid and related Grid classes to be used (lower half 1-6 columns)
- Custom theme color UI selection
- Container: 'decor'
- Row: features theme, presets, ID, attributes, align
- Col: ID, attributes -- pre-set dymanic and custom inputs classes per selected number of columns.
- backgrounds? wip…
Sub-modules
- bootstrap_five_layouts_upper_half: A separate module that will provide for upper half columns (6-12). realworld use-cases for Uppers are more unusual as not to clutters everyday layout lists.
-
But my theme isn't Bootstrap…
bootstrap_five_layout_css_loader:* provides simple, essential CSS for Grids and Layout Utilities and Breakpoint YML support. option: select method of attachment. This works with all active themes (multi-front end, back-office too!)
- bootstrap_five_layouts_viewsstyle: Provides a Views Display to coordinate outputs with a Grid output.
*Note/reminder: no Bootstrap JS (ie: the full material Bootstrap UX/design) is not provided by this module the purpose is to provide the responsive layout abilities of Bootstrap.
Additional Requirements
- Layout Builder (Drupal core)
Similar projects
Bootstrap Layouts (uses' bootstrap 3 generation). Forked from this project.
- key open issue (of org module)
- #3010952: Add a container option. -- bs5l: no-container option and 'decor' wrapper in prep with image backgrounds planned feature.
- #2863131: Add Bootstrap 4 support is already a truly dated reminder... and extends over to #3208295: Bootstrap Barrio 5.x - layouts not functional
- #2834675: Dynamic UI. this modules own 'multiselct ui (js)' allows for per breakpoint selection more easily. show key selected Utility Class groups.
- #2968626: Do not show empty layout regions. Hide if empty option.
- #2984058: Six Coumn Layout Col 1->6 are now base provided. Featuring 'Upper Half' submodule with Col 7->12!! as most sites won't need the options.
Indeed, forward compatibility with BS5 is tough and an inline visual builder with treatments for the wider possible utility classes is bulky...
Dev Line as Release status reminder
options and arrangement of class storage may change prior to release.