Madison Gartner Front end developer
  • My posts 289
  • Users online 892
  • Reports 92
  • Balance
    $45.389

Panel options Possible panel heading optional elements

9
Panel options

Page contains examples of elements, which can be used in panel headings - labels, badges, buttons, button groups, icons, progress bars etc. Including combinations of panel and inner components.

Default panel
div class="panel-heading"
Panel with left spinner
div class="head"
Panel heading with button
Button
div class="head"
Panel with label
Label
div class="head"
Panel with right icon
div class="head"
Panel with right icon dropdown
div class="head"
Panel with icon
div class="head"
Panel with right spinner
div class="head"
Panel with button group
div class="head"
Panel with badge
893
div class="head"
Panel with icon group
div class="head"
Panel with controls
div class="head"
Default panel
div class="panel panel-default"
Danger panel
div class="panel panel-danger"
Info panel
div class="panel panel-info"
Primary panel
div class="panel panel-primary"
Success panel
div class="panel panel-success"
Warning panel
div class="panel panel-warning"
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 @twitter
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 @twitter
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.
Cras justo odio Dapibus ac facilisis in Morbi leo risus Porta ac consectetur ac Vestibulum at eros
© 2013. Londinium Admin Template by Eugene Kopyov