#### Theme Colors

#### Modal title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed eleifend et nisl eget porta. Curabitur elementum sem molestie nisl varius, eget tempus odio molestie. Nunc vehicula sem arcu, eu pulvinar neque cursus ac. Aliquam ultricies lobortis magna et aliquam. Vestibulum egestas eu urna sed ultricies. Nullam pulvinar dolor vitae quam dictum condimentum. Integer a sodales elit, eu pulvinar leo. Nunc nec aliquam nisi, a mollis neque. Ut vel felis quis tellus hendrerit placerat. Vivamus vel nisl non magna feugiat dignissim sed ut nibh. Nulla elementum, est a pretium hendrerit, arcu risus luctus augue, mattis aliquet orci ligula eget massa. Sed ut ultricies felis.

Alerts

#### Default Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

#### Dismissable Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.

#### Links In Alerts

Well done! You successfully read this important alert message.
Heads up! This alert needs your attention , but it's not super important.
Warning! Best check yo self, you're not looking too good.
Oh snap! Change a few things up and try submitting again.
Notes

#### Success! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Info! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Warning! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

#### Dangerous! Duis mollis, est non commodo luctus

Nisi erat mattis consectetur purus sit amet porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.

Progress Bars

#### Basic

#### Contextual alternatives

40% Complete
20% Complete
60% Complete
80% Complete

#### Sizes

90% Complete
70% Complete
50% Complete
20% Complete

#### Striped

40% Complete
20% Complete
60% Complete
80% Complete

#### Animated

45% Complete

#### Stacked

35% Complete
20% Complete
10% Complete

#### Completed

80% Complete
80%

#### Colors

40% Complete
57% Complete
20% Complete
60% Complete
80% Complete
40% Complete
25% Complete
70% Complete
90% Complete
List Group

#### Basic

- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
- Morbi leo risus

#### Linked Items

Cras justo odio4 Dapibus ac facilisis in2 Morbi leo risus3 Porta ac consectetur ac8 Vestibulum at eros1 Morbi leo risus5

#### Custom Content

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

#### List group item heading

Donec id elit non mi porta gravida at eget metus. Maecenas sed diam eget risus varius blandit.

Labels

#### Basic

Default Primary Success Info Warning Danger

#### More Color

Red Orange Green Yellow Blue
Violet Pink Grey Dark
Pagination

#### Basic

- «
- 1
- 2
- 3
- 4
- 5
- »

#### Disabled and active states

- «
- 1
- 2
- 3
- 4
- 5
- »

#### Size

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

#### Pagination Align

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

- «
- 1
- 2
- 3
- 4
- 5
- »

Tooltip
Popovers
Media Objects

- #### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

  #### Nested media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

- #### Media heading

  Cras sit amet nibh libero, in gravida nulla. Nulla vel metus scelerisque ante sollicitudin commodo. Cras purus odio, vestibulum in vulputate at, tempus viverra turpis.

Badges

#### Badges

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#### Badges List Navigations

#### Badges Square

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15

#### Badge In Pill

#### Badge With Button Dropdown

Panels

#### Basic

Basic panel example

#### Panel With Heading

Panel heading without title
Panel content

### Panel title

Panel content

#### Panel With Footer

Panel content

#### With Tables

Panel heading

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.Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vesti.

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

#### Contextual Alternatives

Panel primary
Panel content
Panel success
Panel content
Panel info
Panel content
Panel warning
Panel content
Panel danger
Panel content

#### With List Groups

Panel heading

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.

- Morbi leo risus6
- Porta ac consectetur ac3
- Vestibulum at eros8

#### More Colors

Panel red
Panel content
Panel orange
Panel content
Panel green
Panel content
Panel yellow
Panel content
Panel blue
Panel content
Panel pink
Panel content
Panel violet
Panel content
Panel grey
Panel content
Panel dark
Panel content
Wells
Look, I'm in a large well!
Look, I'm in a well!
Look, I'm in a small well!