Panels
Present data to the user in style.

On top of the Bootstrap panels, we have provided additional panel designs primarily intended to display and highlight important data.

Side-by-side

.panel.panel-side-by-side
638
Rows
13
Unread

Stat Block

.panel.panel-stat-block
17
Mbps Down
2
Mbps Up
23
Gb/day
17
Mbps Down
2
Mbps Up

Single Panel

.panel.panel-single
101
Dalmations
Awesome
22
Things

Example markup for a panel:

<div class="row">
  <div class="col-sm-12">
    <div class="panel panel-stat-block">
      <div class="panel-body col-sm-4">
        <h5 class="h2">17</h5>
        <h6 class="h5">Mbps Down</h6>
      </div>
      <div class="panel-body col-sm-4">
        <h5 class="h2">2</h5>
        <h6 class="h5">Mbps Up</h6>
      </div>
      <div class="panel-body col-sm-4">
        <h5 class="h2">23</h5>
        <h6 class="h5">Gb/day</h6>
      </div>
    </div>
  </div>
</div>