Default panel
div class="panel-heading"Panel with left spinner
div class="panel-heading"Panel heading with button
Buttondiv class="panel-heading"Panel with label
Labeldiv class="panel-heading"Panel with icon
div class="panel-heading"Panel with right spinner
div class="panel-heading"Panel with button group
div class="panel-heading"Panel with badge
893div class="panel-heading"Panel with icon group
div class="panel-heading"Panel styles
Default panel
div class="panel panel-default"
Danger panel
div class="panel panel-danger"
Info panel
div class="panel panel-info"
Nesting panels
Default panel
div class="panel panel-default"
Nesting panels
Success panel
div class="panel panel-success"
With table
| # | First Name | Last Name | Username |
|---|---|---|---|
| 1 | Mark | Otto | @mdo |
| 2 | Jacob | Thornton | @fat |
| 3 | Larry | the Bird |
With table & panel body
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 |
With list group
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.
- Cras justo odio
- Dapibus ac facilisis in
- Morbi leo risus
- Porta ac consectetur ac
- Vestibulum at eros
With linked items
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.