A basic panel consists of a single box containing some text. The method of its declaration is shown here:

<div class="panel panel-default"> … </div>

The panel-heading class adds an additional box above the basic panel, which contains its heading or title. Both boxes are of different colors by default. Here is the syntax:

<div class="panel-heading">This is a Panel Heading</div>

The panel-footer class adds a box beneath a basic panel which also contains text of some sort. Here is the syntax:

<div class="panel-footer">This is a Panel Footer</div>

Panels under the panel-group class are grouped together. Here is the syntax:

<div class="panel-group">