Update: StrapPress now includes a PLUGIN to easily add shortcodes from your post editor!

This page will go over all the different shortcodes that the plugin includes. A majority of the shortcodes are based off Twitter Bootstrap components/interactions that are offered in the toolkit. All the shortcodes have several different options, but here are some examples to get you excited! Lets get right into all the goodies.


Accordions – Collapse Panels

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

 

Label

Label Primary Success Warning Danger Info

Buttons


Jumbotron

Content of the Jumbotron
Button Text

Modal

Click Here

Carousel


Icons

All 361 icons from Font Awesome are included!

Icon Stacked

Icon Bulleted List

  • YouTube
  • Facebook
  • Twitter

 

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

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.