Uwe Jacobs

<h3>Just The Shortcodes, Please</h3>
<p>Plenty of great WordPress plugins focus on providing or including the Bootstrap library into your site. <strong>Bootstrap Shortcodes for WordPress</strong> assumes you’re working with a theme that already includes Bootstrap 4 and focuses on giving you a great set of shortcodes to use it with.</p>
<p>This plugin creates a simple, out of the way button just above the WordPress TinyMCE editor (next to the “Add Media” button) which pops up the plugin’s documentation and shortcode examples for reference and handy “Insert Example” links to send the example shortcodes straight to the editor. There are no additional TinyMCE buttons to clutter up your screen, just great, easy to use shortcodes!</p>
<p>Check the demo page “Bootstrap 4 Shortcodes Demo 4.6.5” after activation for ready to use shortcodes examples.</p>
<p>For questions, support, or to contribute to this plugin, check out <a href="https://github.com/uwejacobs/complete-bootstrap-4-shortcodes" rel="nofollow ugc">our GitHub project</a>.</p>
<h3>Overview</h3>
<h4>Layout:</h4>
<ul>
<li>Grid</li>
<li>Responsive Embeds</li>
<li>Responsive Utilities</li>
</ul>
<h4>Components:</h4>
<ul>
<li>Cards</li>
<li>Icons</li>
<li>Buttons</li>
<li>Button Groups</li>
<li>Button Dropdowns</li>
<li>Navs</li>
<li>Navigation Bars</li>
<li>Breadcrumbs</li>
<li>Badges</li>
<li>Jumbotron</li>
<li>Alerts</li>
<li>Progress Bars</li>
<li>Media Objects</li>
<li>List Groups</li>
</ul>
<h4>Content:</h4>
<ul>
<li>Code</li>
<li>Tables</li>
<li>Figures</li>
<li>Images</li>
<li>Blockquote</li>
<li>Lead body copy</li>
<li>Wrap section</li>
</ul>
<h4>Utilities:</h4>
<ul>
<li>Border</li>
<li>Color</li>
<li>Flex</li>
<li>HTML snippets</li>
<li>Line Breaks</li>
<li>Lorem Ipsum Text Generator</li>
<li>Floats and Clearfix</li>
</ul>
<h4>Javascript:</h4>
<ul>
<li>Tooltip</li>
<li>Popover</li>
<li>Collapse</li>
<li>Carousel</li>
<li>Modal</li>
</ul>


Bootstrap 4 Shortcodes for WordPress

Implements Bootstrap 4 styles and components in WordPress through shortcodes.

helpful.dev

<p>This plugin adds flexible Bootstrap 4 blocks to the WordPress editor for creating custom page layouts with the Bootstrap grid.</p>
<p>Are you using Advanced Bootstrap Blocks? <a href="https://wordpress.org/plugins/advanced-bootstrap-blocks/#reviews">Write a review</a>!</p>
<h3>Blocks</h3>
<p>Advanced Bootstrap Blocks adds the following Bootstrap 4 blocks to the WordPress editor:</p>
<ul>
<li>Container (fixed-width or fluid, with background image settings)</li>
<li>Row</li>
<li>Column</li>
<li>Button and Button Group</li>
<li>Card with Header, Body, Footer</li>
<li>Jumbotron</li>
</ul>
<h3>Block Templates</h3>
<p>Do you need to create standard block layouts for WordPress pages and posts? The WordPress editor lets you define custom block templates inside your theme.</p>
<p>The example below may get you started. Visit the <a href="https://developer.wordpress.org/block-editor/developers/block-api/block-templates/" rel="nofollow ugc">WordpPress Block Editor Handbook</a> to learn more about supercharging your WordPress themes with blocks templates.</p>
<pre><code><?php
if(in_array('advanced-bootstrap-blocks/advanced-bootstrap-blocks.php', apply_filters('active_plugins', get_option('active_plugins')))){ 
    // do stuff only if the Advanced Bootstrap Blocks plugin is active              
    add_action( 'init', 'advancedbootstrapblocks_register_page_template' );
    function advancedbootstrapblocks_register_page_template() {
        $post_type_object = get_post_type_object( 'page' );
        $isFluid = get_theme_mod( 'understrap_container_type' ) === 'container-fluid'; 
        $post_type_object->template = [
            [ 'advanced-bootstrap-blocks/container', 
                ['className'=>'py-5', 'isWrapped' => $isFluid, 'isFluid' => false ], 
                [
                    [ 'advanced-bootstrap-blocks/row', 
                        [],
                        [
                            [ 'advanced-bootstrap-blocks/column', 
                                ['className'=>'col-md-8 offset-md-2 text-center'], 
                                [
                                    ['core/heading', 
                                        [ 'className' => 'display-4', 'level' => 1, 'placeholder' => 'Hello, World!', ], 
                                        []
                                ],
                                    [ 'core/paragraph', 
                                        ['className' => 'lead', 'placeholder' => 'Lorem ipsum dolor sit amet.', ], 
                                        []
                                    ],
                                ]
                            ]
                        ]
                    ]
                ]
            ],
        ];
    }
}
</code></pre>


Advanced Bootstrap Blocks

... and that's not saying much because the others were broken or terrible. Even still, this one is on the right track, and I'm happy to see that at least somebody is getting it right. Thanks for your hard work!

So far the best bootstrap block plugin

This is really well done, it does lack some features to become perfect, and has some issues with the editor (columns chaos if multiple classes are set) but it works perfectly. By far the fastest way to get Bootstrap into Gutenberg : THUMBS UP

Very usable !

Build responsive Bootstrap 4 layouts inside the Gutenberg editor.

Bootstrap 4 Shortcodes for WordPress vs Advanced Bootstrap Blocks