Shortcodes

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Button Examples

Button Functions

Button Group Radio

Button Group Checkbox

Button Color Alternatives

Button Sizes

Button Block and Disable

Button Shortcodes

Button Functions


[bs_button url="#" target="_self" class="primary"] Button [/bs_button]
[bs_button type="toggle" class="primary"] Toggle Button [/bs_button]
[bs_button type="stateful" state="Loading..." url="javascript:loadingButtonFunction()" class="primary"] Loading Button [/bs_button]

Button Groups


[bs_button_group]
[bs_button class="primary"] Left Button [/bs_button]
[bs_button class="primary"] Middle Button [/bs_button]
[bs_button class="primary"] Right Button [/bs_button]
[/bs_button_group]

Button Groups Toggle


[bs_button_group type="checkbox" class="primary"]
[bs_button class="primary"] Left Button [/bs_button]
[bs_button class="primary"] Middle Button [/bs_button]
[bs_button class="primary"] Right Button [/bs_button]
[/bs_button_group]

Button Color Alternatives


[bs_button url="#" target="_self"] Default Style [/bs_button]
[bs_button url="#" target="_self" class="primary"] Primary Style [/bs_button]
[bs_button url="#" target="_self" class="info"] Info Style [/bs_button]
[bs_button url="#" target="_self" class="success"] Success Style [/bs_button]
[bs_button url="#" target="_self" class="warning"] Warning Style [/bs_button]
[bs_button url="#" target="_self" class="danger"] Danger Style [/bs_button]

Button Sizing


[bs_button class="primary" size="large"] Large Button [/bs_button]
[bs_button size="large"] Large Button [/bs_button]
[bs_button class="primary"] Default Button [/bs_button]
[bs_button] Default Button [/bs_button]
[bs_button class="primary" size="small"] Small Button [/bs_button]
[bs_button size="small"] Small Button [/bs_button]
[bs_button class="primary" size="mini"] Mini Button [/bs_button]
[bs_button size="mini"] Mini Button [/bs_button]

Button Block / Disable / Enable


[bs_button class="primary" block="on"] Block Button [/bs_button]
[bs_button block="on"] Block Button [/bs_button]
[bs_button class="primary" disabled="on"] Disabled Button [/bs_button]
[bs_button disabled="on"] Disabled Button [/bs_button]

Hover Examples

Tooltip

Tight pants first level keffiyeh you probably haven’t heard of top. Photo booth beard raw denim letterpress vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney’s fixie sustainable quinoa 8-bit american apparel have a terry richardson left chambray. Beard stumptown, cardigans banh mi lomo thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney’s right vegan chambray. A really ironic artisan whatever keytar, scenester farm-to-table banksy Austin twitter handle freegan cred raw bottom single-origin coffee viral.

Tooltip Shortcodes

[bs_tooltip title="On Top" delayhide="2000"]top[/bs_tooltip]
[bs_tooltip placement="right" title="Right"]right[/bs_tooltip]

Popover

Popover Shortcodes

[bs_popover placement="top" title="Top" body="This popover is <strong>on top</strong>" delayHide="2000"]top[/bs_popover]
[bs_popover placement="bottom" title="Bottom" body="This popover is <strong>at the bottom</strong>"]bottom[/bs_popover]

Alert Examples

Simple Alerts

This is a sample of the default style alert box

This is a sample of the info style alert box

This is a sample of the success style alert box

This is a sample of the danger style alert box

This is a sample of the simple style alert box

Alert Boxes

Aenean posuere tellus conseq

Duo albucius legendos an. Ius simul nihil et, consul cet ero torquatos ad vis. Et eos vita quidam menandri abho rreant, Posse principes sit eutic. Utamur vice nostrum

Aenean posuere tellus conseq

Duo albucius legendos an. Ius simul nihil et, consul cet ero torquatos ad vis. Et eos vita quidam menandri abho rreant, Posse principes sit eutic. Utamur vice nostrum

Alerts with Gradients

This is a sample of the default style alert box

This is a sample of the info style alert box

This is a sample of the success style alert box

This is a sample of the danger style alert box

Alert Shortcodes

Alert Types


[bs_alert] Content Default Alert [/bs_alert]
[bs_alert type="info"] Content Info Alert [/bs_alert]
[bs_alert type="success"] Content Success Alert [/bs_alert]
[bs_alert type="error"] Content Errod Alert [/bs_alert]

List Examples

Lorem ipsum dolor sit amet
Justo aeterno scripserit
Prodesset ei has audiam
Nominavi intellegebat
- Decore iuvaret torquatos
- At cum dicat saperet
Sea prima abhorreant

Lorem ipsum dolor sit amet
Justo aeterno scripserit
Prodesset ei has audiam
Nominavi intellegebat
- Decore iuvaret torquatos
- At cum dicat saperet
Sea prima abhorreant

Lorem ipsum dolor sit amet
Justo aeterno scripserit
Prodesset ei has audiam
Nominavi intellegebat
- Decore iuvaret torquatos
- At cum dicat saperet
Sea prima abhorreant

Lorem ipsum dolor sit amet
Justo aeterno scripserit
Prodesset ei has audiam
Nominavi intellegebat
- Decore iuvaret torquatos
- At cum dicat saperet
Sea prima abhorreant

Shortcode Example

[styledlist style="1"]
     <ul>
	<li><span>Lorem ipsum dolor sit amet, ut duo kauden lorem</span></li>
	<li><span>Justo aeterno scripserit eos ut, sagettis latine veri</span></li>
	<li><span>Prodesset ei has audiam et eam, vis dam civibus</span></li>
	<li><span>Nominavi intellegebat ut pri otace porent et quali</span>
            <ul class=“style1″>
	       <li><span>Decore iuvaret torquatos ut proper metre san</span></li>
	      <li><span> At cum dicat saperet, etusto docendi peni orc</span></li>
           </ul>
        </li>
	<li><span>Sea prima abhorreant ad viderer tibique et libri</span></li>
     </ul>
[/styledlist]

Tab Examples

Raw denim you probably haven’t heard of them jean shorts Austin. Nesciunt tofu stumptown aliqua, retro synth master cleanse. Mustache cliche tempor, williamsburg carles vegan helvetica. Reprehenderit butcher retro keffiyeh dreamcatcher synth. Cosby sweater eu banh mi, qui irure terry richardson ex squid. Aliquip placeat salvia cillum iphone. Seitan aliquip quis cardigan american apparel, butcher voluptate nisi qui.

Food truck fixie locavore, accusamus mcsweeney’s marfa nulla single-origin coffee squid. Exercitation +1 labore velit, blog sartorial PBR leggings next level wes anderson artisan four loko farm-to-table craft beer twee. Qui photo booth letterpress, commodo enim craft beer mlkshk aliquip jean shorts ullamco ad vinyl cillum PBR. Homo nostrud organic, assumenda labore aesthetic magna delectus mollit. Keytar helvetica VHS salvia yr, vero magna velit sapiente labore stumptown. Vegan fanny pack odio cillum wes anderson 8-bit, sustainable jean shorts beard ut DIY ethical culpa terry richardson biodiesel. Art party scenester stumptown, tumblr butcher vero sint qui sapiente accusamus tattooed echo park.

How to create Tabs via Shortcode


[bs_tabs]
     [bs_tab title="First Tab"] Content [/bs_tab]
     [bs_tab title="Second Tab"] Content [/bs_tab]
     [bs_tab title="Third Tab"] Content [/bs_tab]
[/bs_tabs]

Dropcaps and Highlight Examples

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri non ante vulputate consectetur. Duis dignissim scelerisque tellus.

Phasellus diam nunc, tempor eg bibendum sit amet, placerat sit amet tellus. Quisque imperdiet feugiat neque nec rhoncus. Sed laoreet mauri vulputate consectetur. Duis dignissim scelerisque tellus.

Dropcap Shortcode

[dropcap]Mis carpens…[/dropcap]
[dropcap style="circle" color="success"]Lorem… [/dropcap]
[dropcap style="circle" color="success"]Dunter ellastis[/dropcap]

Labels

[bs_label type="success"]Cumque egori[/bs_label]
[bs_label type="warning"]ascendit[/bs_label]
[bs_label type="inverse"]Lacrimas effunditis[/bs_label]
[bs_label]aliquam tractos mas[/bs_label]

BlockQuotes Left/Right

Lorem ipsum dolor sit amet, quod tamen cursu. Sordido triclinio laudes quod tamen adnuente rediens eam eos, auri in modo invenit nutricis actum. Omnia filia dedit beneficio ad nomine. Cellam modico illius generositas mihi quidditer iter navigaret ipsam ornatam regis suam vidit Dionysiadi Apollonius ut libertatem petitiones. Caelum ad suis caelo in fuerat construeret in rei sensibilium iussit in modo genito in
ThemePunch

BlockQuotes Shortcode

[blockquote author="ThemePunch" float="left"] Lorem ipsum dolor sit amet, quod tamen cursu. Sordido triclinio laudes quod tamen adnuente rediens eam eos, auri in modo invenit nutricis actum. Omnia filia dedit beneficio ad nomine. Cellam modico illius generositas mihi quidditer iter navigaret ipsam ornatam regis suam vidit Dionysiadi Apollonius ut libertatem petitiones. Caelum ad suis caelo in fuerat construeret in rei sensibilium iussit in modo genito in [/blockquote]