Table of Contents

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

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 #3

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.

Alerts without Icons

Dismissable Alerts without Icons

Dismissable Alerts with Icons

Callouts

Default Callout

This is a default callout.

Primary Callout

This is a primary callout with icon.

Success Callout

This is a Success callout with icon.

Info Callout

This is a info callout with icon.

Warning Callout

This is a warning callout with icon.

Danger Callout

This is a danger callout with icon.

Question Callout

This is a question callout with icon.

Tip Callout

This is a Tip callout with icon.

Form with Captcha

<form> Action mail me@example.com Thanks “Thanks for submitting your valuable data.” Fieldset “A set of fields” Textbox “Employee Name” “=Your Name” number “Your Age” >13 <99 email “Your E-Mail Address” textbox “Occupation (optional)” ! password “Some password” fieldset “even more fields” select “Please select an option” “Peaches|Apples|Oranges” static “Some static text that could be an agreement” yesno “Read the agreement?” radio “Radio Button Group” “Peaches|Apples|Oranges” fieldset “Date Field” date “Enter your date” textarea “Tell me about your self” textbox “You need to write 'agree' here” /^agree$/ fieldset submit “Submit Query” </form>

Badges

default primary success info warning danger

Badges with icons

primary success info warning danger

List Groups






Foo

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.

Bar

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

Basic panel example

Panel with heading

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

Panel content

Panel title

Panel subtitle

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

Panel title

# First Name Last Name Username
1 Mark Otto @mdo
2 Jacob Thornton @fat
3 Larry the Bird @twitter

Tooltip

Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…
Lorem ipsum dolor sit amet…

Buttons

Default Primary Success Info Warning Danger Link

Images (in grid)

Affix

Scroll the page!