Plugin Files

Check File Integrity

Installing Plugin

This plugin should be installed as a normal WordPress would using WordPress Plugin Uploader.

WordPress Uploader

Alert

Bootstrap Alert Element

[bsalert
    alert_type="success|info|warning|danger"
    button="false|html entity for button text"
    id="some-id"
    class="someclass"]

  The label text

[/bsalert]
Attributes Valid Value Description
alert_type success, info, warning, danger The alert type color set as per bootstrap alert type color class
button false or text or html entity The dismissisable button
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Badge

Bootstrap Badge

[bsbadge
    id="some-id"
    class="someclass"]

The label text

[/bsbadge]
Attributes Valid Value Description
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Column

Bootstrap Column

[bscolumn
    tag="div or other valid html tags"
    columns_mobile="X"
    columns_tablet="X"
    columns_small="X"
    columns_large="X"
    offset_mobile="X"
    offset_tablet="X"
    offset_small="X"
    offset_large="X"
    push_mobile="X"
    push_tablet="X"
    push_small="X"
    push_large="X"
    pull_mobile="X"
    pull_tablet="X"
    pull_small="X"
    pull_large="X"
    isotope_child="none|bs-isotope-item|bs-isotope-stamp"
    textalign="left|center|right"
    fontcolor="css color font value"
    css_animation="top-to-bottom|bottom-to-top|left-to-right|right-to-left|appear"
    attributes_id="css attributes id"
    class="css classes"
    ]

 Content or shortcodes.

 [/bscolumn]
Attributes Valid Value Description
tag valid html tag, default to div HTML tags for wrapping the element.
isotope_child none|bs-isotope-item|bs-isotope-stamp This options will only take effect if the parent bsrow is configured to be the isotope parent wrapper, by setting as isotope item, the layouting will use isotope js to position the column elements using position absolute.
textalign left|center|right this options will add additional css class to the column wrapper to format the child element text alignment, it will rely on bootstrap text-* alignment class
fontcolor valid css color value this options will add inline style to format the text color of the element and its child element, due to the nature of css, some child element will not receive the color style if they has a higher order or overriden css rule attached to it
css_animation top-to-bottom|bottom-to-top|left-to-right|right-to-left|appear this options will only work if visualcomposer plugin is activated since it will use css class from visual composer stylesheet
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class
mobile 1 - 12 Column size for class col-xs-*
tablet 1 - 12 Column size for class col-sm-*
small 1 - 12 Column size for class col-md-*
large 1 - 12 Column size for class col-lg-*
mobile_offset 1 - 12 Column size for class col-xs-offset-*
tablet_offset 1 - 12 Column size for class col-sm-offset-*
small_offset 1 - 12 Column size for class col-md-offset-*
large_offset 1 - 12 Column size for class col-lg-offset-*
mobile_push 1 - 12 Column size for class col-xs-push-*
tablet_push 1 - 12 Column size for class col-sm-push-*
small_push 1 - 12 Column size for class col-md-push-*
large_push 1 - 12 Column size for class col-lg-push-*
mobile_pull 1 - 12 Column size for class col-xs-pull-*
tablet_pull 1 - 12 Column size for class col-sm-pull-*
small_pull 1 - 12 Column size for class col-md-pull-*
large_pull 1 - 12 Column size for class col-lg-pull-*

Glyphicon

Bootstrap GylphIcon

[bsglyphicon icon="icon"]
Attributes Valid Value Description
icon valid bootstrap glyph icon name glyphicon icon name without the icon- preffix

Header

Bootstrap Header

[bsheader
   tag="h1-h6"
   small="some text displayed as small text"
   id="some-id"
   class="someclass"]

The main title text

[/bsheader]
Attributes Valid Value Description
tag h1 - h6 The heading text html tags
small text The small text after the main heading
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Jumbotron

Bootstrap Jumbotron

[bsjumbotron
    fullsize="true|false"
    id="some-id"
    class="someclass"]

some content can be inserted here

[/bsjumbotron]
Attributes Valid Value Description
fullsize true or false toggle to show the jumbotron element in full size or normal size
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Label

Bootstrap Label

[bslabel
    label="default|primary|success|info|warning|danger"
    id="some-id"
    class="someclass"]

The label text

[/bslabel]
Attributes Valid Value Description
label success, info, warning, danger, default, primary The label color set as per bootstrap alert type color class
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

List Group

Bootstrap List Group

[bslistgroup
    id="some-id"
    class="someclass"
    mode="ul|div"
]

  [bslistobject
    type="li|a"
    active="true|false"
    mode="success|warning|info|danger"
    badge="some badge text"
    heading="some heading text"
    href="the url to link this object"]

    some content

  [/bslistobject]

[/bslistgroup]
Attributes Valid Value Description
mode ul | div
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Bootstrap List Object

[bslistobject
    type="li|a"
    active="true|false"
    mode="success|warning|info|danger"
    badge="some badge text"
    heading="some heading text"
    href="the url to link this object"]

  somecontent

[/bslistobject]
Attributes Valid Value Description
type ul | a the type must follow the parent listgroup mode
mode success, info, warning, danger The color set as per bootstrap color class
active true or false Set this to active state
badge text the text will tranformed into bootstrap badge element
heading text the text for the list heading
href valid url link the object to the url

Media List

Bootstrap Media List

[bsmedialist
    id="some-id"
    class="someclass"]

  [bsmediaobject type="li" img="x" text="some header text"]somecontent[/bsmediaobject]
  [bsmediaobject type="li" img="x" text="some header text"]somecontent[/bsmediaobject]
  [bsmediaobject type="li" img="x" text="some header text"]somecontent[/bsmediaobject]

[/bsmedialist]
Attributes Valid Value Description
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Bootstrap Media Object

[bsmediaobject
    type="li|div"
    text="content text heading"
    pull="left|right"
    img="WP attachment image id or image src url"
    id="some-id"
    class="someclass"]

Some contents, other shortcode will be processed automatically

[/bsmediaobject]  
Attributes Valid Value Description
type li or div use li if this shortcode is wrapped within the bsmedialist
text string of text string of text for the content heading
pull left or right the image alignment to the left or right of content
img url to image or wordpress attachment id the image source
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Row

Bootstrap Row

[bsrow
    tag="div or other valid html tag"
    id="some-id"
    class="someclass"
    data-something="something"
    style="valid html inline style"
    fontcolor="valid css color value"
    textalign="left|center|right"
    isotope="none|equalHeight|fitRows|masonry|packery"
    css_animation="top-to-bottom|bottom-to-top|left-to-right|right-to-left|appear"
  ]

 some content, preferably the [bscolumn] shortcode

[/bsrow]
Attributes Valid Value Description
tag valid html tag the html tag used for wrapping this element
data-* string value this will create a html5 data-* attributes
style valid html inline style allows user to inject html inline styling
fontcolor valid css color value allow user to define the default text color for the element and its children
textalign left|center|right this options will add bootstrap text-* css class for formatting the element and its children text direction
isotope none|equalHeight|fitRows|masonry|packery This options will format the row and its children to be an isotope js element, the children must have isotope marker enabled too for this to work properly.
css_animation top-to-bottom|bottom-to-top|left-to-right|right-to-left|appear this options will only work if visualcomposer plugin is activated since it will use css class from visual composer stylesheet
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Panel

Bootstrap Panel

[bspanel
    heading="text to serve as the panel heading"
    id="some-id"
    class="someclass"]

Some contents, other shortcode will be processed
automatically.

[/bspanel]
Attributes Valid Value Description
heading string of text text to be served as the panel heading
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Well

Bootstrap Well

[bswell size="small|normal|large"
    id="some-id"
    class="someclass"]

some content can be inserted here

[/bswell]
Attributes Valid Value Description
size small or normal or large the size for the well element
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Button

Bootstrap Button

[bsbutton
    size="lg|sm|xs"
    mode="default|primary|success|info|warning|danger"
    href="valid url"
    target="_parent|_blank|_self|_top"
    id="some-id"
    class="someclass"]

  Some text or other embedded shortcode can be placed here

[/bsbutton]
Attributes Valid Value Description
size lg|sm|xs the size for the button element
mode default|primary|success|info|warning|danger The styling of the button element accordingly to bootstrap button coloring scheme
href Valid url the target url to open when button is clicked
target _parent|_blank|_self|_top the target window that the button should trigger when clicked
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Fontawesome

FontAwesome

[fontawesome
    id="some-id"
    class="someclass"
    font="fontsize-in-px-or-em"
    icon="fontawesome-icon-name"
    border="boolean"
    spin="boolean"
    flip="horizontal|vertical"
    shape="custom-wrapper-shape"
    position="left|right|center"
    color="hex-color-for-icon"
    border_color="hex-color-for-border"
    background="hex-color-for-background"
    size="fa-font-size eg lg|2x|3x|4x|5x"
    rotate="90|180|270"
    padding="padding in pixel"
    margin="margin in pixel"
 ]
Attributes Valid Value Description
font font size in px or em Manual overriding the icon size by specifying the font size in pixel or em.
icon fontawesome icon name Specify the fontawesome icon name without the fa- prefix.
border true or false Turn on or off the border in the font wrapper element
spin true or false Turn on or off the CSS3 rotate options for the icon
flip horizontal or vertical Flip the font vertically or horizontally
shape circle or diamond Shape for the font icon wrapper
position left or right or center the icon position relative to parent, left and right will float the element while center will assume 100% width and centers the icon
color CSS color hex value Color value for the icon element
border_color CSS color hex value Color value for the icon border element
background_color CSS color hex value Color value for the icon background element
size lg or 2x or 3x or 4x predefined icon size, this will be overriden if font tag is specified.
rotate 90 or 180 or 270 rotate the icon element using CSS3 transformation
padding css padding rule give padding to the font element. example : 10px 10px 10px 10px
margin css margin rule give margin to the icon element. example : 0px 10px 0px 10px
id valid css id optional css id
class valid css class multiple classes can be separated by space or comma optional css class

Credits

Credits

Thank you for the plugins authors that made this theme possible

  • CSS & Fonts

    • BootStrap Framework - Bootstrap Team
    • FontAwesome - Dave Gandy