Bootstrap Blocks for WP Editor v2

Editor: collapse containers, rows and columns for better overview

Editor: view columns vertical and horizontal

Editor: breakpoint labels for quick overview

Features that were already there:

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 colours 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

Collapse containers for clear overview in the Editor

Add labels to containers for clear overview in the Editor

Extra Features of the Design Package add-on:

Set column use for all (6) 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

Lock container layouts to avoid unintended changes by editors

Editor: custom CSS code editor for adding css only to current post-item

More information on our website

Requirements:

WordPress 6.0 and up

Bootstrap 4.0 and up

Installation: Add the free Bootstrap blocks for WP Editor plugin via your WordPress plugins page:

On the ‘Plugins’ page: click on “add new”

Search “Bootstrap blocks for WP Editor”

Click “install now”

Activate Bootstrap blocks for WP Editor on the ‘Plugins’ page

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

On the ‘Plugins’ page: click on “add new”

Click on “Upload Plugin”

Choose the downloaded file on your hard drive

Click “install now”