Table of Contents

Bootstrap Wrapper Plugin

Macros

No idea what these do yet. :?

Macro Description
~~CLEARFIX~~ Clear the float
~~PAGEBREAK~~ Add a page break

Accordion

Collapsible Group Item #1

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident. Ad vegan excepteur butcher vice lomo. Leggings occaecat craft beer farm-to-table, raw denim aesthetic synth nesciunt you probably haven't heard of them accusamus labore sustainable VHS.

Collapsible Group Item #2

[…]

Collapsible Group Item #3

[…]

Affix

I don't think I care for this one all that much, given how it just kinda pops in and out of existence.

Affix

Scroll the page!

Alerts

Kinda cool, but can be obnoxious.

Badges

These are really neat, and could be very useful in highlighting something in text. Sadly they don't seem to have any modifiers for color or anything else.

This can be found in namespace, where namespace is blah.

Buttons

Very limited uses.

Default Standard button
Primary Provides extra visual weight and identifies the primary action in a set of buttons
Success Indicates a successful or positive action
Info Contextual button for informational alert messages
Warning Indicates caution should be taken with this action
Danger Indicates a dangerous or potentially negative action
Link Deemphasize a button by making it look like a link while maintaining button behavior

Callouts

Primary Callout

This is a primary callout.

Success Callout

This is a success callout.

Info Callout

This is an info callout.

Warning Callout

This is a warning callout.

Danger Callout

This is a danger callout.

Collapse

Click Me

Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Grids

Documentation isn't good, but this looks like it could be useful to constrain things that would usually span the whole page.

Column 1
Proin metus purus, venenatis in tristique at, bibendum nec lorem. Phasellus efficitur metus vel aliquam pellentesque. Aenean commodo sapien sed neque fermentum sodales. Mauris eget risus dui. Sed venenatis malesuada sapien. Etiam rutrum cursus semper. Vivamus accumsan pulvinar eros tempor lacinia. Nullam quis lectus ullamcorper risus lobortis tristique quis id ex. Sed ornare justo in metus iaculis, in porta arcu efficitur. In ac egestas urna. Phasellus eget suscipit lorem, ac pharetra arcu. Cras eu leo arcu. Proin egestas sem quis augue varius lacinia. Sed blandit fermentum tellus, vel efficitur erat. Nunc auctor, odio ut viverra faucibus, sapien elit faucibus ante, in tincidunt lorem urna et quam. Morbi aliquam ipsum nec dolor pulvinar, a mollis augue vestibulum.
Column 2
Proin metus purus, venenatis in tristique at, bibendum nec lorem. Phasellus efficitur metus vel aliquam pellentesque. Aenean commodo sapien sed neque fermentum sodales. Mauris eget risus dui. Sed venenatis malesuada sapien. Etiam rutrum cursus semper. Vivamus accumsan pulvinar eros tempor lacinia. Nullam quis lectus ullamcorper risus lobortis tristique quis id ex. Sed ornare justo in metus iaculis, in porta arcu efficitur. In ac egestas urna. Phasellus eget suscipit lorem, ac pharetra arcu. Cras eu leo arcu. Proin egestas sem quis augue varius lacinia. Sed blandit fermentum tellus, vel efficitur erat. Nunc auctor, odio ut viverra faucibus, sapien elit faucibus ante, in tincidunt lorem urna et quam. Morbi aliquam ipsum nec dolor pulvinar, a mollis augue vestibulum.

Image

Makes images look a little better if you need to round the corners or provide some effects.

Standard Logo (No Effect):

Rounded:

Circle

Thumbnail

Jumbotron

GIVE ME ALL YOUR ATTENTION!!!

Hello, world!

This is a simple hero unit, a simple jumbotron-style component for calling extra attention to featured content or information.

Learn more

Labels

default primary success info warning danger

default
primary
success
info
warning
danger

Lead

Makes text stand out a little.

Vivamus sagittis lacus vel augue laoreet rutrum faucibus dolor auctor. Duis mollis, est non commodo luctus.

List Group

  • Cras justo odio
  • Dapibus ac facilisis in
  • Morbi leo risus
  • Porta ac consectetur ac
  • Vestibulum at eros
  • Cras justo odio 14
  • Dapibus ac facilisis in 2
  • Morbi leo risus 1

These are pretty cool.

Launch demo modal

This is the end of the Navs.

This doesn't look all that great with the CSS on our wiki.

Looks big and impressive. ¯\_(ツ)_/¯ Lorem ipsum dolor sit amet, consectetur adipisici elit, sed eiusmod tempor incidunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquid ex ea commodi consequat. Quis aute iure reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint obcaecat cupiditat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Panels

Panel title

Panel subtitle

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Panel content

Panel title

Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Nullam id dolor id nibh ultricies vehicula ut id elit.
# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

This is the end of panels.

Popovers

Click to toggle popover

Dismissible popover

Progress Bar

60%
40%
20%
60%
80%
40%
20%
60%
80%
45%
35%
20%
10%

Text

Left aligned text.
Center aligned text.
Right aligned text.
Justified text.
No wrap text.

Lowercased text. Uppercased text. Capitalized text.

[…] […] […] […] […] […]

[…] […] […] […] […]

Thumbnails

Tooltips

Lorem ipsum dolor sit amet…

Wells

Look, I'm in a well!