Collection of Bootstrap 4 blocks and formats for Gutenberg WordPress editor.
This plugin adds Bootstrap 4 components and grid layout to Gutenberg WordPress editor. It enhances editing experience focusing on making the most of library’s documented features. Combine power of Gutenberg and Bootstrap to create a layout of any complexity with ease!
You can even nest rows!
CSS is included in the admin area to make editing in Gutenberg easier and styles are prefixed with .bootstrap-styles
class. You can choose if you want to include to Bootstrap 4.3.1 on the front-end if you aren’t using Bootstrap based theme.
Using CMS:
1. Go to “Plugins” “Add New”
1. Search “Gutenstrap Blocks”
1. Click “Install Now”
1. Activate the plugin
Manual:
1. Go to “Plugins” “Add New”
1. Click “Upload Plugin”
1. Select plugin file
1. Click “Install Now”
1. Activate the plugin
Yes. Prefix your styles with .bootstrap-styles
class and include prefixed Bootstrap 4 css on admin side.
Example of how to prefix styles using SASS:.bootstrap-styles {
@import '~bootstrap/scss/bootstrap';
}
Yes! Anything is possible with your support.