Labels
Basic
Theme Label
Default Label
Primary Label
Success Label
Info Label
Warning Label
Danger Label
With Icon
Theme Label
Default Label
Primary Label
Success Label
Info Label
Warning Label
Danger Label
Icons only
Promo Badges
Alerts
Basic
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
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.
Progress Bars
Basic
Striped
Stacked
Boxes
Basic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.
With Border
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.
Dark
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.
Theme
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam a sem sagittis, aliquet lorem et, tincidunt mi. Maecenas pretium eget mi non sollicitudin. Nam feugiat elit tempor erat varius, et faucibus mauris faucibus. Aliquam ut tincidunt ipsum. Etiam massa ipsum.
Panels
Basic
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Donec ac vulputate lorem. Morbi quis commodo diam, vitae tempor arcu. Suspendisse sit amet viverra risus. Fusce laoreet, arcu in pretium iaculis, lectus lectus varius massa, nec rhoncus augue elit id quam.
- Lorem ipsum dolor sit amet.
- Aliquam tincidunt mauris eu risus.
- Ultricies eget vel aliquam libero.
- Pellentesque habitant morbi.
- Praesent dapibus, neque id cursus.
With Heading/Footer
Panel heading without title
Lorem ipsum dolor sit amet.
Panel title
Lorem ipsum dolor sit amet.
Lorem ipsum dolor sit amet.
Alternatives
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
With Table
Panel heading
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur. Pellentesque luctus ornare nunc.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Panel heading
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.
- Lorem ipsum
- Nulla volutpat
- Phasellus iaculis
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |