Bootstrap Shortcodes Ultimate Wordpress Plugin - Rating, Reviews, Demo & Download

Bootstrap Shortcodes Ultimate Preview Wordpress Plugin - Rating, Reviews, Demo & Download
No ratings yet
Free
Follow for free plugins, new theme releases and theme news

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]

More Shortcodes Coming Soon

Screenshots

  1. Button Styles

    Button Styles

  2. Accordion / Card

    Accordion / Card


Reviews & Comments