A representation of the old bootstrap 3 panels.
Code:
<div class="card">
<div class="card-header">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-primary">
<div class="card-header bg-primary text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-secondary">
<div class="card-header bg-secondary text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-success">
<div class="card-header bg-success text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-danger">
<div class="card-header bg-danger text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-warning">
<div class="card-header bg-warning">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-info">
<div class="card-header bg-info text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card">
<div class="card-header bg-light">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>
Code:
<div class="card border-dark">
<div class="card-header bg-dark text-white">Header</div>
<div class="card-body">
This is your normal body of the panel
</div>
<div class="card-footer">
An example panel footer
</div>
</div>