Bootstrap blocks for WP Editor


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


WordPress 5.0 and up
Bootstrap 4.0 and up


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”


  • 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


這個外掛提供 3 個可供 Gutenberg/區塊編輯器使用的區塊。

Bootstrap blocks for WP Editor
Bootstrap blocks for WP Editor
Bootstrap blocks for WP Editor


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


2019 年 4 月 29 日
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!
2019 年 3 月 15 日
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.
2019 年 3 月 10 日
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!
閱讀全部 6 則使用者評論


以下人員參與了開源軟體〈Bootstrap blocks for WP Editor〉的開發相關工作。


將 Bootstrap blocks for WP Editor 外掛本地化為台灣繁體中文版


任何人均可瀏覽程式碼、查看 SVN 存放庫,或透過 RSS 訂閱開發記錄