This page demonstrates the WordPress ShortCodes 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 from the toolkit. 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
Accordion Bootstrap Content
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


Carousel


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


Pricing Tables

Basic
$9.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
Great
$29.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

namesvalues
name125
name2409
namesvalues
name125
name2409
namesvalues
name125
name2409
namesvalues
name125
name2409

Tabs – Bootstrap & jQuery UI

First tab content
Third Tab Content.

Tab 1 Content

Tab 2 Content

Tab 1 Content

Tab 2 Content

Tab 1 Right Content

Tab 2 Right Content

Tab 1 Left Content

Tab 2 Left Content


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.

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.
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.

 

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.
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.
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.
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.

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.
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.
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.

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.
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.

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.
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.