Panels
Panel with header
Lorem ipsum dolor sit amet.
Panel with footer
Lorem ipsum dolor sit amet.
With tabs
First Tab Content
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Second Tab Content
Duis autem vel eum iriure dolor in hendrerit in vulputate.
With buttons
Lorem ipsum dolor sit amet.
With progress bar
Lorem ipsum dolor sit amet.
With text
Lorem ipsum dolor sit amet.
With table
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
Expanded by default
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat.
With tabs
Magic Icon
Nulla vel metus scelerisque ante sollicitudin commodo.
Globe Icon
Cras sit amet nibh libero, in gravida nulla.
With variety of components
With switcher
Lorem ipsum dolor sit amet.
- 1 (current)
- 2
- 3
- 4
- 5
With pagination
Lorem ipsum dolor sit amet.
With list groups
Some default panel content here. Nulla vitae elit libero, a pharetra augue. Aenean lacinia bibendum nulla sed consectetur.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
Collapsed by default
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat.
Colored
Primary
Lorem ipsum dolor sit amet.
Info
Lorem ipsum dolor sit amet.
Success
Lorem ipsum dolor sit amet.
Mint
Lorem ipsum dolor sit amet.
Warning
Lorem ipsum dolor sit amet.
Danger
Lorem ipsum dolor sit amet.
Pink
Lorem ipsum dolor sit amet.
Purple
Lorem ipsum dolor sit amet.
Dark
Lorem ipsum dolor sit amet.
Primary
Lorem ipsum dolor sit amet.
Info
Lorem ipsum dolor sit amet.
Success
Lorem ipsum dolor sit amet.
Mint
Lorem ipsum dolor sit amet.
Warning
Lorem ipsum dolor sit amet.
Danger
Lorem ipsum dolor sit amet.
Pink
Lorem ipsum dolor sit amet.
Purple
Lorem ipsum dolor sit amet.
Dark
Lorem ipsum dolor sit amet.
Primary
Lorem ipsum dolor sit amet.
Info
Lorem ipsum dolor sit amet.
Success
Lorem ipsum dolor sit amet.
Mint
Lorem ipsum dolor sit amet.
Warning
Lorem ipsum dolor sit amet.
Danger
Lorem ipsum dolor sit amet.
Pink
Lorem ipsum dolor sit amet.
Purple
Lorem ipsum dolor sit amet.
Dark
Lorem ipsum dolor sit amet.
Primary
Lorem ipsum dolor sit amet.
Info
Lorem ipsum dolor sit amet.
Success
Lorem ipsum dolor sit amet.
Mint
Lorem ipsum dolor sit amet.
Warning
Lorem ipsum dolor sit amet.
Danger
Lorem ipsum dolor sit amet.
Pink
Lorem ipsum dolor sit amet.
Purple
Lorem ipsum dolor sit amet.
Dark
Lorem ipsum dolor sit amet.