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.