Bootstrap Blocks


This plugin adds Bootstrap components and layout options as Gutenberg blocks.

The following blocks are currently available:

  • Container
  • Grid (Row / Column)
  • Button

Bootstrap library

Please be aware that this plugin does not include the Bootstrap library in your website. You need to do this for yourself. We decided not to include the library so that you can modify Bootstrap to your own needs before loading it.

The easiest way to do this is to add the following to your theme’s function.php. You’ll find an example for that in the documentation.


All blocks are implemented as dynamic blocks. This makes it possible to overwrite the template of a block in your theme.

To overwrite a block template create a folder called wp-bootstrap-blocks/ in your theme directory. You can copy the original template from wp-bootstrap-blocks/src/templates/<blockname>.php as a starting point and adjust it to your needs.


  • WordPress >= 5.0
  • PHP >= 5.6

Further Information


  • Bootstrap Blocks in Gutenberg editor


  1. Upload the wp-bootstrap-blocks directory into the /wp-content/plugins/ directory
  2. Activate the plugin through the Plugins menu in WordPress
  3. Start adding blocks from the Bootstrap Blocks category


Is Bootstrap included?

No. This plugin doesn’t load the Bootstrap library for you. You have to do this for yourself in your theme. Please read more about this in the documentation.

Have you found a bug or do you have a feature request?

Please create a new GitHub issue and let us know:


abril 24, 2019
I've looked into a lot of Gutenberg block row/column systems. Most of them add their own complete grid system. I already have an excellent grid system on my custom developed Boostrap backed website - why would I want more CSS doing the same thing I already have? I wouldn't! This plugin provides a very user friendly way to manage rows and columns from within the Gutenberg editor. No more, no less - exactly what I want.
abril 17, 2019
A Row & Column system that actually works! This plugin does a great job integrating bootstrap's containers, rows and columns into Gutenberg. Exactly what I was looking for. The custom columns option is probably the best feature. I can easily specify as many or less columns as I want, giving me complete control over my layout. And it responds exactly how I expect on the front end. (unlike Gutenberg's native columns)
Read all 5 reviews

Contributors & Developers

“Bootstrap Blocks” is open source software. The following people have contributed to this plugin.


Translate “Bootstrap Blocks” into your language.

Interested in development?

Browse the code, check out the SVN repository, or subscribe to the development log by RSS.



  • [FEATURE] Added new filter wp_bootstrap_blocks_enqueue_block_assets to disable enqueuing block assets.
  • [FIX] Fix enqueuing of script and style dependencies.


  • [FEATURE] Added possibility to set background color on column block.
  • [IMPROVEMENT] Optimized editor styling of row block.


  • Initial release of this plugin