shazdeh

<p>Bootstrap is a toolkit from Twitter designed to kickstart development of webapps and sites. Using this plugin you can easily embed Bootstrap’s scripts and stylesheets to your webpage. You can also pick only the components you want, to avoid loading unnecessary files.</p>


Bootstrap

Easily include Bootstrap library (or just the parts of it you want) in your website.

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 vs Bootstrap Shortcodes Ultimate