Bootstrap Column Block Config
No security coverage
Bootstrap ecosystem
This module allows content editors to easily control the layout of blocks using Bootstrap's grid system. It adds configuration options for column width, order, and offset directly within block settings, making it simple to create custom layouts without writing any code.
Bootstrap Column Block Config
Provides Bootstrap column, order, and offset layout options for all blocks.
This module allows editors to customize the layout of blocks using Bootstrap's grid system—without needing to write CSS or know class names.
Features
- Adds configuration options to each block for:
- Column width (
col-*) - Order (
order-*) - Offset (
offset-*)
- Column width (
- Injects a helper CSS that mimics Bootstrap’s
.rowbehavior on regions, so column-based layouts work out of the box. - Ideal for CMS editors who are not familiar with CSS or theming.
- Designed to work with Bootstrap-based themes.
Installation
Install via Composer (if applicable):
composer require drupal/bootstrap_column_block_config
Enable the module:
drush en bootstrap_column_block_config -y
Usage
- Go to Structure > Block layout and edit any block.
- You’ll see new options under Layout Settings for column width, order, and offset.
- Configure as needed, and the layout will update accordingly using Bootstrap classes.
Requirements
- A theme based on Bootstrap (or compatible with Bootstrap grid classes).
- Drupal 9 or 10.
Alternatives
- Block Class: Offers a free-form class input, suitable for more advanced users.
Maintainers
- Gabriel Passarelli