Bootstrap Panels

tutorial and example
tutorial and example

A bootstrap panel is used to create bordered box with some padding around its content. It is created with the .panels classes, and .panel-body classes.

There are following classes of the panel:

  • Panel header
  • Panel content
  • Panel footer

Let us see an example of Bootstrap Panel:

Try Now

Note: The .panel-default class is used to style the color of the panel.

Bootstrap Panel Group

The Panel group is used to create many panel group together with .panel-group class.

The panel group class clears the bottom-margin of each panel.

Let us see an example of Bootstrap Panel Group:

Try Now

Bootstrap panel with contextual classes

Bootstrap panel with contextual classes is used to color the panels. There are various contextual clasess that are given below:

  • .panel-default
  • .panel-primary
  • .panel-success
  • .panel-info
  • .panel-warning
  • .panel-danger

Let us see an example of Bootstrap Panel With Contextual clasess:

Try Now