bootstrap5 blocks

This project is not covered by Drupal’s security advisory policy.

Bootstrap5 Blocks

Bootstrap5 Blocks provides a collection of reusable Drupal blocks built with Bootstrap 5 components, allowing site builders to create modern layouts and UI elements without writing custom code.

The module delivers production-ready Bootstrap components as configurable Drupal blocks, each implemented as an independent submodule for flexibility and scalability.

Features

Bootstrap5 Blocks integrates Bootstrap 5 UI components directly into Drupal’s block system.

Core functionality

  • Prebuilt Bootstrap 5 blocks ready to use
  • Each block is provided as a separate submodule
  • Fully configurable through the Drupal UI
  • Drupal 11–ready architecture
  • Clean integration with themes using Bootstrap 5

Implemented blocks

  • Accordion Block: Create collapsible content sections.
  • Tabs Block: Organize content into tabbed navigation interfaces.
  • Featured Card Block: Highlight important content with styled cards.
  • Impressed Card Block: Enhanced card layout designed for promotional or featured sections.

Why use this module?

  • Avoid rebuilding Bootstrap components repeatedly.
  • Enable editors to build layouts without custom Twig or HTML.
  • Maintain consistency across projects using standardized blocks.
  • Follow Drupal best practices using modular architecture.

Post-Installation

After enabling the main module:

  1. Navigate to Extend (/admin/modules).
  2. Enable the desired block submodules:
    1. Bootstrap5 Blocks – Accordion
    2. Bootstrap5 Blocks – Tabs
    3. Bootstrap5 Blocks – Featured Card
    4. Bootstrap5 Blocks – Impressed Card
  3. Once enabled:
  4. Go to Structure → Block Layout (/admin/structure/block).
  5. Place the desired Bootstrap block in any region.
  6. Configure block settings and content through the block configuration form.
  7. Save and preview on your site.

No additional configuration pages are required.

Additional Requirements

  • Drupal 11
  • A theme that includes Bootstrap 5 CSS and JavaScript
  • This module does not ship Bootstrap itself and relies on the active theme to provide Bootstrap assets.

This module is sponsored and developed by Ispectra.

iSpectra

Supporting organizations: 
Initial building, ongoing maintenance and development

Project information

Releases