Twitter Bootstrap Elements Demo
The following are examples of Twitter Bootstrap framework elements made possible via shortcodes. It would make sense to style them to fit better wothin the custom them so that they may be used in eh future.
Modal popups:
[pl_modal title=”Title” type=”btn” colortype=”info” label=”Click Me!”]Some content here for the cool modal pop up. Labels, badges, and buttons can open them![/pl_modal]
Buttons:
[pl_button type=”success” link=”http://google.com” target=”blank”]Success[/pl_button][pl_buttondropdown size=”large” type=”info” label=”button”]
- Item
- Item
- Item
[pl_splitbuttondropdown size=”large” type=”success” label=”button”]
- This
- This
- That
[pl_buttongroup] [pl_button type=”important” link=”#”]Link[/pl_button][pl_button type=”important” link=”#”]Link[/pl_button][pl_button type=”important” link=”#”]Link[/pl_button][/pl_buttongroup]
Tabs:
[pl_tabs] [pl_tabtitlesection type=”tabs”][pl_tabtitle active=”yes” number=”1″]Title 1[/pl_tabtitle][pl_tabtitle number=”2″]Title 2[/pl_tabtitle][/pl_tabtitlesection] [pl_tabcontentsection] [pl_tabcontent active=”yes” number=”1″] Lorem ipsum dolor sit amet, consectetur adipiscing elit[/pl_tabcontent] [pl_tabcontent number=”2″]
[/pl_tabcontent] [/pl_tabcontentsection] [/pl_tabs]
Accordions:
name=”accordion”]-item name=”accordion” number=”1″ title=”Tile 1″ open=”yes”]
Content 1
[/accordion-item]
-item name=”accordion” number=”2″ title=”Title 2″]
[/accordion-item] [/accordion]Quotes:
[pl_blockquote cite=”Someone Famous”] This is a quote with a source[/pl_blockquote]
Alerts:
[pl_alertbox type=”info”] This is information.[/pl_alertbox] [pl_alertbox type=”warning”]
Alert Heading
This is an error.
[/pl_alertbox]
Labels:
[pl_label type=”default”]Default[/pl_label] [pl_label type=”warning”]Warning[/pl_label] [pl_label type=”important”]Important[/pl_label]
Tooltips & popover:
This is a [pl_tooltip tip=”Cool” position=”right”]tooltip [/pl_tooltip] example.
This is a [pl_popover title=”Title” content=”…” position=”right”]popover[/pl_popover] example.
Charts:
[chart data=”41.52,37.79,20.67,0.03″ bg=”F7F9FA” labels=”Reffering+sites|Search+Engines|Direct+traffic|Other” colors=”058DC7,50B432,ED561B,EDEF00″ size=”488×200″ title=”Traffic Sources” type=”pie”]