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]
