Bootstrap Shortcodes Ultimate

外掛說明

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]

More Shortcodes Coming Soon