Collection of Bootstrap 4 blocks and formats for Gutenberg WordPress editor.

Vitaly Kasymov

<p>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!</p>
<h3>Supported Bootstrap blocks and formats:</h3>
<ul>
<li><strong>Container</strong> – includes fluid container</li>
<li><strong>Row</strong> – includes flexbox vertical and horizontal alignment classes and no gutters class</li>
<li><strong>Column</strong> – allows to set equal sized columns, auto size, number column size and offset</li>
<li><strong>Button</strong> – theme color selector, outline and block styles, small and large sizes</li>
<li><strong>Alert</strong> – theme color selector, includes dismissible alerts and allows to nest other blocks</li>
<li><strong>Badge</strong> – theme color selector, includes pill style</li>
</ul>
<p><em>You can even nest rows!</em></p>
<h3>Bootstrap library</h3>
<p>CSS is included in the admin area to make editing in Gutenberg easier and styles are prefixed with <code>.bootstrap-styles</code> 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.</p>
<h3>Requirements</h3>
<ul>
<li>WordPress >= 5.2</li>
<li>PHP >= 5.6</li>
</ul>


Alternatives to Gutenstrap Blocks

Top alternatives