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

Paul

One Dollar Plugin

Twitter Bootstrap for WordPress

WordPress Twitter Bootstrap CSS lets you include the latest Twitter Bootstrap CSS and Javascript libraries in your WordPress site.

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>


Alternatives to Bootstrap Shortcodes Ultimate

Top alternatives