Bootstrap Shortcodes Ultimate Wordpress Plugin - Rating, Reviews, Demo & Download
Plugin Description
Simple Plugin for Enqueue Bootstrap 4 CSS, JS, and Some Helpful WordPress Shortcodes for visual usages.
ShortCode List
Container Fluid
[containerfluid] contents [/containerfluid]
Container
[container] contents [/container]
Row
[row] contents [/row]
Equal Columns
[col] contents [/col]
Colunm for Extra small Devices – screen width: <576px
[col num="12"] contents [/col]
Colunm for small Devices – screen width: >=576px
[col sm="12"] contents [/col]
Colunm for Medium Devices – screen width: >=768px
[col md="12"] contents [/col]
Colunm for Large Devices – screen width: ≥992px
[col lg="12"] contents [/col]
Colunm for Extra Large Devices – screen width: ≥1200px
[col xl="12"] contents [/col]
Colunm for Multi Devices
[col sm="3" md="6" xl="12"] contents [/col]
Button Group
Parameters:
- class=”” ( add extra class with ‘btn-group’ )
[btngroup] [button tag='button' href="#" type="button" style='primary']Button 1[/button] [button tag='button' href="#" type="button" style='primary']Button 2[/button] [/btngroup]
Buttons
Parameters:
- tag=”button” ( button | a | input )
- href=”#” ( any link you want to set. NB: tag should be ‘a’ )
- type=”button” ( button | submit | etc. )
- style=”primary” ( primary | secondary | success | info | warning | danger | dark | light | link ) See Button Ref
[button tag="button" href="#" type="button" style="primary"]Click Me[/button]
Card
Parameters:
- class=”” ( add extra class with ‘card’ )
[card class="mycard"] [cardtitle] This is title. [/cardtitle] [cardbody] This is card body really cool? [/cardbody] [/card]
Accordion
Parameters:
- id=”” ( required: a unique id for working correctely )
- class=”some-class” ( optional: if you need to add custom class for styling )
- title=”This is the title of the accordion” ( described the title )
- open=”no” ( optional: no | yes – Accordion item will be open or closed? by default: no )
[accordion id="unique-id" class="some-class" title="This is the title of the accordion" open="no"] Accordion Content will goes here [/accordion]