panel

style of pannel

.panel-default

.Panel-primary

.panel-sucess

.panel-info

.panel-warning

A bootstrap panel contains three parts:
  1. Panel heading
  2. Panel body
  3. Panel footer

1.pannel heading

<div class="panel panel-primary">
<div class="panel-heading"> Heading</div>
<div class="panel-body">Body</div>
</div>

output

Panel Heading
Panel Content

2.pannel footer

<div class="panel panel-default">
<div class="panel-body">Body</div>
<div class="panel-footer"> footer</div>
</div>

output

Panel body

pannel group

<div class="panel panel-default">
<div class="panel-footer"> footer</div>
<div class="panel-body">Body</div>
</div>
<div class="panel panel-default">
<div class="panel-footer"> footer</div>
<div class="panel-body">Body</div>
</div>
<div class="panel panel-default">
<div class="panel-footer"> footer</div>
<div class="panel-body">Body</div>
</div>

output

Panel body
Panel body
Panel body