The Lewe Bootstrap Visuals plugin provides shortcodes for easy placement of Bootstrap 4 visual objects on your page.

George Lewe

The Lewe Bootstrap Visuals plugin provides shortcodes for putting Bootstrap 4 visual objects onto your page. The Bootstrap Javascript is not included. Only objects based on CSS are supported at this point. 
The plugin uses custom style names so they don’t interfere with other theme styles that may be based on the default Bootstrap styles.
Insert one of the Lewe Bootstrap Visuals shortcodes into your page and specify the parameters if needed. 
For example: 
 [bsv-alert style=”danger” heading=”Attention” dismissible=”yes”] will add the start of a Bootstrap alert box. 
Now continue typing regular text which will be the content of the alert box. 
 [/bsv-alert] will close the Bootstrap alert box.
<h3>Features</h3>
Lewe Bootstrap Visuals supports the following Bootstrap elements: 
* <code>alert</code> 
* <code>badge</code> 
* <code>blockquote</code> 
* <code>button</code> 
* <code>callout</code> 
* <code>card</code> 
* <code>jumbotron</code> 
* <code>panel</code> 
* <code>progressbar</code> 
* <code>spinner</code> 
* <code>table</code>
It also includes the Bootstrap table styles that you can freely apply to your tables.
<h3>Usage</h3>
<ol>
<li>Enter a <code>[bsv-...]</code> shortcode in your page or post editor</li>
<li>Specify shortcode parameters if applicable and needed</li>
<li>Type your content</li>
<li>Enter the closing <code>[/bsv-...]</code> shortcode tag</li>
</ol>
TinyMCE 
When using the TinyMCE editor, a menu button will be available to conveniently insert the shortcuts, either wrapping in selected text or as a standalone shortcode.
<a href="https://lewe.gitbook.io/lewe-bootstrap-visuals/" title="Lewe Bootstrap Visuals Documentation" rel="nofollow ugc">Documentation</a>
<h3>Support</h3>
Choose your preferred support channel: 
1. <a href="https://wordpress.org/support/plugin/shortcode-bootstrap-visuals/" title="WordPress Support Forum" rel="ugc">WordPress Support Forum</a> 
3. <a href="https://georgelewe.atlassian.net/servicedesk/customer/portal/5/" title="Lewe Service Desk" rel="nofollow ugc">Lewe Service Desk</a>

Alternatives to Lewe Bootstrap Visuals

Top alternatives