Bootstrap 4 Blocks for Gutenberg editor

Container Block

This block adds container div with option to choose from. You can choose to have .container or .container-fluid.

Columns Block

You can easily add unlimited columns tour your container. You also get to choose the lg, md, sm and xs classes for each column.


Jumbotron Block

Showcase key marketing messages on your site with bootstrap Jumbotron. You can select heading display style, button style and button size from the right panel.

Blockquote Block

To add bootstrap blockquote, enter the paragraph with footer and footer cite text. You can also specify the alignment from the right panel.

Display Block

Traditional heading elements are designed to work best in the meat of your page content. When you need a heading to stand out, consider using a display heading—a larger, slightly more opinionated heading style. Select style from right panel.

Lead Block

Make a paragraph stand out. Add your paragraph and select the alignment option from right panel.

Link Button Block

Click here to change this text. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.