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
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 InverseLabel
Label Success Warning Important Info InverseButtons
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
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
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!
Wow, Bootstrap has everything
What a great site!
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.