Bootstrap Blocks

Description

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.

Templates

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.

Requirements

  • WordPress >= 5.0
  • PHP >= 5.6

Further Information

Screenshots

  • Bootstrap Blocks in Gutenberg editor

Installation

  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

FAQ

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: https://github.com/liip/bootstrap-blocks-wordpress-plugin/issues

Reviews

Quick and simple way to get Boostrap columns

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.

Great Plugin! Just what I was looking for

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.

Contributors

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.

Changelog

1.1.0

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

1.0.0

  • Initial release of this plugin