Block Editor Bootstrap Blocks
Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg
The facts
- Rating
- 4.5★ from 8
- Active installs
- 900+
- Price
- Free
- Last updated
- 17 Dec 2025
- Added
- Jul 2021
- Requires WP
- 5.6
- Tested up to
- WP 6.9.7
- Requires PHP
- 7.4
- Downloads
- 20,430
Our analysis
AI-assistedBlock Editor Bootstrap Blocks is a WordPress plugin that integrates Bootstrap 5 components into the Gutenberg editor, allowing you to create fully responsive layouts. It provides various blocks such as rows, columns, and containers, which can be customised for different device breakpoints, ensuring a consistent experience across phones, tablets, and desktops.
The plugin offers features like quick selectors for easy editing, predefined layouts, and the ability to generate custom layouts by specifying column counts. It also includes options for adding Bootstrap CSS and JS to your site if your theme does not include them, making it suitable for users looking to enhance their site design without extensive coding knowledge.
Best for: This plugin is ideal for WordPress users who want to create responsive layouts using Bootstrap within the Gutenberg editor.
What it does well
- ✓Integrates Bootstrap 5 components into Gutenberg
- ✓Supports six different breakpoints for responsive design
- ✓Customisable layouts with quick selectors
- ✓Options to load Bootstrap CSS and JS from the plugin
- ✓Unlimited accordion and tab items
Where it falls short
- •Limited information on specific compatibility with themes
- •No details on support or documentation
Verdict
Block Editor Bootstrap Blocks provides useful tools for building responsive layouts in WordPress. It is a solid choice for those familiar with Bootstrap looking to enhance their site’s design.
From the developer
kubiq's own description of Block Editor Bootstrap Blocks, lightly tidied.
Fully responsive Bootstrap 5 blocks, components and extends for Gutenberg
Now you can use Gutenberg editor as full-featured website builder.
Thanks to Bootstrap 5 – the world’s most popular front-end open source toolkit – you can build your layouts in 6 different breakpoints, so they will work perfectly on each device, no matter if your website visitor is on the phone, tablet, laptop or desktop.
You can use Bootstrap row and columns blocks with detailed settings for each breakpoint and autocomplete extension for bootstrap classes
- Option to load Bootstrap 5 css to editor from plugin if your theme doesn’t contain it
- Option to load Bootstrap 5 css to frontent from plugin if your theme doesn’t contain it
- Option to load Bootstrap 5 js to frontent from plugin if your theme doesn’t contain it
- Option to automatically add .container class to inner container of fullwidth group or cover block
- Option to remove .is-layout-constrained class from fullwidth group block
- Custom breakpoints control – add, remove or change any breakpoint
- Optimize Bootstrap CSS file by disabling not needed options and parts of Bootstrap
- Bootstrap container block
-
Bootstrap row block
- Use quick selector to instantly select row while editing
- Use predefined layouts
- Generate custom layout instantly just by adding columns counts, eg. 2+8+2
- Use any amount of columns
-
Use 6 different breakpoints to setup:
- Vertical alignment (align-items-*)
- Horizontal alignment (justify-content-*)
- Gutter (g-*)
- Row columns (row-columns-*)
- Use quick selector to instantly select column while editing
-
Use 6 different breakpoints to setup:
- Size (col-*)
- Offset (offset-*)
- Order (order-*)
- Vertical alignment (align-self-*)
- Two styles – default and flush
- Always open option
- First open on load option
- Unlimited amount of accordion items
- Unlimited accordion item inner blocks content
- Three styles – tabs, pills and text
- Possibility to reorder tabs
- Possibility to add and remove tabs
- Unlimited amount of tabs items
- Unlimited tab item inner blocks content