Web Developer's Reference Guide

Panels

Panels are simple boxes that contain plain text. Panels are mostly used in order to present important information in a visually favorable way.

Basic

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>

Heading

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>

Footer

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>

Group

Panels under the panel-group class are ...