Shamim_D

<p>Bootstrap Shortcodes allow quick and easy implementation of Twitter Bootstrap components through the TinyMCE rich-editor.</p>


Bootstrap Shortcode

Bootstrap Shortcodes allow quick and easy implementation of Twitter Bootstrap components through the TinyMCE rich-editor.

Akhtarujjaman Shuvo

<p>Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.</p>
<h3>ShortCode List</h3>
<p>Container Fluid</p>
<pre>[containerfluid] contents [/containerfluid]</pre>
<p>Container</p>
<pre>[container] contents [/container]</pre>
<p>Row</p>
<pre>[row] contents [/row]</pre>
<p>Equal Columns</p>
<pre>[col] contents [/col]</pre>
<p>Colunm for Extra small Devices – screen width:  <576px</p>
<p><pre>[col num="12"] contents [/col]</pre>
</p>
<p>Colunm for small Devices – screen width: >=576px</p>
<pre>[col sm="12"] contents [/col]</pre>
<p>Colunm for Medium Devices – screen width: >=768px</p>
<pre>[col md="12"] contents [/col]</pre>
<p>Colunm for Large Devices – screen width: ≥992px</p>
<pre>[col lg="12"] contents [/col]</pre>
<p>Colunm for Extra Large Devices – screen width: ≥1200px</p>
<pre>[col xl="12"] contents [/col]</pre>
<p>Colunm for Multi Devices</p>
<pre>[col sm="3" md="6" xl="12"] contents [/col]</pre>
<p>Button Group</p>
<h4>Parameters:</h4>
<ul>
<li>class=”” ( add extra class with ‘btn-group’ )</li>
</ul>
<pre>[btngroup]
    [button tag='button' href="#" type="button" style='primary']Button 1[/button]
    [button tag='button' href="#" type="button" style='primary']Button 2[/button]
[/btngroup]</pre>
<p>Buttons</p>
<h4>Parameters:</h4>
<ul>
<li>tag=”button” ( button | a | input )</li>
<li>href=”#” ( any link you want to set. NB: tag should be ‘a’ )</li>
<li>type=”button” ( button | submit | etc. )</li>
<li>style=”primary” ( primary | secondary | success | info | warning | danger | dark | light | link ) <a href="https://www.w3schools.com/bootstrap4/bootstrap_buttons.asp" rel="nofollow ugc">See Button Ref</a></li>
</ul>
<pre>[button tag="button" href="#" type="button" style="primary"]Click Me[/button]</pre>
<p>Card</p>
<h4>Parameters:</h4>
<ul>
<li>class=”” ( add extra class with ‘card’ )</li>
</ul>
<pre>[card class="mycard"]
    [cardtitle]
        This is title.
    [/cardtitle]

    [cardbody]
        This is card body really cool?
    [/cardbody]
[/card]</pre>
<p>Accordion</p>
<h4>Parameters:</h4>
<ul>
<li>id=”” ( required: a unique id for working correctely )</li>
<li>class=”some-class” ( optional: if you need to add custom class for styling )</li>
<li>title=”This is the title of the accordion” ( described the title )</li>
<li>open=”no” ( optional: no | yes – Accordion item will be open or closed? by default: no )</li>
</ul>
<pre>[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"]

    Accordion Content will goes here

[/accordion]</pre>
<h3>More Shortcodes Coming Soon</h3>


Bootstrap Shortcodes Ultimate

Excellent work

Awesome...

Awesome work.

Nice plugin

Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.

Bootstrap Shortcode vs Bootstrap Shortcodes Ultimate