Bootstrap blocks for WP Editor

Description

Enables your WordPress site to use Bootstrap container, row and column blocks in the WP editor (Gutenberg). Set your breakpoints for all screen sizes in a flash. Or make percentage based columns. Works perfectly in combination with a loads of other plugins!

Use it with a Bootstrap theme or without!

Whether you want to set up a complete Bootstrap WordPress site or just want to quickly set up a temporary page. The Bootstrap blocks for WP Editor plugin enables you to make use of your activated WordPress theme. But you can also choose to start without the header and footer and start with a fresh page. Without any header and footer. It’s all up to you.

Features of Bootstrap Blocks for WP Editor:

  • Set column use for 3 Bootstrap breakpoints
  • Insert containers, rows and columns in the WP Editor
  • Use the WP Editor blocks in the Bootstrap grid
  • Seamless integration with themes that use Bootstrap grid
  • Seamless integration with themes that do not use Bootstrap grid
  • Set overall identity colors and apply these in WP Editor
  • Option: start with empty ‘Bootstrap Page’ template
  • Option: enable Bootstrap grid from plugin dashboard
  • Option: wrap page title in Bootstrap grid on ‘Bootstrap page’ template pages
  • Option: hide default page title on ‘Bootstrap page’ template pages
  • NEW: Collapse containers and get a clear overview in the Editor
  • NEW: Add labels to containers for clear overview in the Editor

Extra Features of the Design Package add-on:

  • Set column use for all (5) Bootstrap breakpoints
  • Use of standard Bootstrap classes (such as mx-auto)
  • Responsive Spacer Block (not pixel based, but screen size based)
  • Suppress default header and footer on ‘Bootstrap page’ template pages
  • Full control over gutter setting
  • Make use of fluid containers
  • NEW: Lock container layouts to avoid unintended changes by editors

More information on our website

Requirements:

WordPress 5.0 and up
Bootstrap 4.0 and up

Installation:

Add the free Bootstrap blocks for WP Editor plugin via your WordPress plugins page:
1. On the ‘Plugins’ page: click on “add new”
2. Search “Bootstrap blocks for WP Editor”
3. Click “install now”
4. Activate Bootstrap blocks for WP Editor on the ‘Plugins’ page

Or download it on the WordPress Plugins page and install manually:

  1. On the ‘Plugins’ page: click on “add new”
  2. Click on “Upload Plugin”
  3. Choose the downloaded file on your hard drive
  4. Click “install now”

Screenshots

  • Bootstrap template page
  • Bootstrap page options
  • GTB container
  • GTB column breakpoint
  • GTB column breakpoint2
  • GTB fluid rows + columns
  • GTB rows gutter control
  • Bootstrap classes
  • dashboard total

Blocks

This plugin provides 3 blocks.

gtb-bootstrap/row
Bootstrap blocks for WP Editor
gtb-bootstrap/column
Bootstrap blocks for WP Editor
gtb-bootstrap/container
Bootstrap blocks for WP Editor

FAQ

Is it active right away?

Yes, after activating you can start right away with building bootstrap-based pages.

What themes work with Bootstrap blocks for WP Editor?

All themes. By using the Bootstrap page template you can create loads of independent pages based on the bootstrap grid. With some themes (Bootstrap and standard WordPress themes) it’s possible to make use of the themes’ headers and footers.

Can I use this plugin for multisite?

Yes. This plugin works on multisite environments.

Is the plugin free?

Yes, and you can do a lot of work with it! The full featured Design Package add-on is available for purchase on our website on our website

Where can I ask for support?

Please visit our website and drop your questions on our website

Reviews

April 29, 2019
Don't know about the previous version?! but this version is great for me. I can add classes to the columns, add different rows and set multiple breakpoints :-). Don't need more for now. Like to know what 'Lock container layout for editor' means do (grayed out). Can't find anything about it. Keep up the good work guys!
March 15, 2019
And here is yet another "free" plugin with very limited functions, while a full version is promoted in ads, with which you can get all the features... Very disappointing.
March 10, 2019
I couldn’t find a plug-in that made it possible to get my bootstrap site working with the bootstrap grid and using the WordPress editor/Gutenberg blocks. Now, in the WordPress editor I simply insert a bootstrap container, rows and columns and just put all the blocks in there. Set all the breakpoints, experiment with them, great! Thanks, keep up the great work!
Read all 4 reviews

Contributors & Developers

“Bootstrap blocks for WP Editor” is open source software. The following people have contributed to this plugin.

Contributors