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-*)
• Injects a helper CSS that mimics Bootstrap’s .row behavior 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