Define about Panel Heading & Panel Footer.

Panel Heading

Panel Heading

Panel Content

The .panel-heading class adds a heading to the panel:

Example

<div class="panel panel-default">
  <div class="panel-heading">Panel Heading</div>
  <div class="panel-body">Panel Content</div>
</div>

Panel Footer

Panel Content

Panel Footer

The .panel-footer class adds a footer to the panel:

Example

<div class="panel panel-default">
  <div class="panel-body">Panel Content</div>
  <div class="panel-footer">Panel Footer</div>
</div>