Hello, Welcome Here
Panels
Panels are created with the .panel
class, and content inside the panel has a .panel-body
class:
A Basic Panel
Panel Heading
The .panel-heading
class adds a heading to the panel:
Panel Heading
Panel Content
Panel Footer
The .panel-footer
class adds a footer to the panel:
Panel Content
Panel Group
To group many panels together, wrap a <div>
with class .panel-group
around them.
Panel Content
Panel Content
Panels with Contextual Classes
To color the panel, use contextual classes (.panel-default
, .panel-primary
, .panel-success
, .panel-info
, .panel-warning
, or .panel-danger
):
Panel with panel-default class
Panel Content
Panel with panel-primary class
Panel Content
Panel with panel-success class
Panel Content
Panel with panel-info class
Panel Content
Panel with panel-warning class
Panel Content
Panel with panel-danger class
Panel Content