This page demonstrates the [tooltip tip=”Create interactive user interface components without knowing how to code!”]WordPress ShortCodes[/tooltip] provided by the Bootstrap Shortcodes plugin. You’ll find interactive user interface components for buttons, tabbed content, columns, image sliders, icons and much more.

Look for this icon in the WordPress Editor.

A majority of the shortcodes are based on Twitter Bootstrap components/interactions. Some are based on the equally awesome jQuery UI. All shortcodes have several different options, but here are some examples to get you excited! Lets get right into all the goodies.

Accordions – Bootstrap & jQuery UI

Section 1

Accordion Content

Section 2

Accordion Content

Container One Title

Accordion Bootstrap Content

Container Two Title

Accordion Bootstrap Content

Alerts

Alert Heading

Alert Content

Alert Heading

Alert Content

Alert Heading

Alert Content

Alert Heading

Alert Content

Badge

Label Success Warning Important Info Inverse

Label

Label Success Warning Important Info Inverse

Buttons

Primary Large Primary Default

Primary Small

Primary Mini

Block Buttons

Primary Large Primary Large Info Large Success Large Warning Large DangerLarge Inverse Large

Split Button Dropdown

Split Dropdown

Split Button Dropup

Dropup

Button Group Button Text Button Text

Carousel

Image Title

Caption example text

Second Image Title

Caption for second image

Third Image Title

Caption for third image

‹›

Icons

Over 200 icons from Font Awesome are included! For example, the linked Social Networking icons in the footer of UTC Blogs use Font Awesome.

Popovers

Click this text for Popover on left

Click this text for Popover on right

Click this text for Popover on bottom

Click this text for Popover on top

Pricing Tables

Basic

$9.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Best

$19.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Great

$29.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Basic

$9.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Best

$19.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Great

$29.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Best

$19.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Great

$29.99

per month

Feature One
Feature Two
Feature Three
Feature Four
Feature Five

Progress Bars

Tables

names	values
name1	25
name2	409

names	values
name1	25
name2	409

names	values
name1	25
name2	409

names	values
name1	25
name2	409

Tabs – Bootstrap & jQuery UI

First Tab
Second Tab

First tab content

Third Tab Content.

Tab 1
Tab 2

Tab 1 Content

Tab 2 Content

Tab 1
Tab 2

Tab 1 Content

Tab 2 Content

Tab 1 Right
Tab 2 Right

Tab 1 Right Content

Tab 2 Right Content

Tab 1 Left
Tab 2 Left

Tab 1 Left Content

Tab 2 Left Content

Pill Tab 1
Pill Tab 2

Tab 1 Content in Pill Navigation

Tab 2 Content in Pill Navigation

Testimonials

These shortcodes are awesome!

BragThemes

Wow, Bootstrap has everything

BragThemes

What a great site!

BragThemes

Tooltips

This are great to have so you can call something out like a link for tooltip right within content.

Link for tooltip left

Link for tooltip top

Link for tooltip bottom

Well

Your Well Content in a nice box

Columns

Based on the Bootstrap grid, so make anything you want with up to 12 columns

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum tincidunt aliquam diam, tristique volutpat ante congue non. Sed augue ipsum, tristique nec volutpat at, porttitor euismod sem. Aenean condimentum molestie placerat. Integer a tortor vitae augue ultrices ullamcorper non in turpis.