This is an old revision of the document!
Panels
Basic example
Basic panel example
<panel type="default">Basic panel example</panel>
Panel with heading
Panel title
Panel content
<panel type="default" title="Panel title"> Panel content </panel>
Panel with subtitle
Panel title
Panel subtitlePanel content
<panel type="default" title="Panel title" subtitle="Panel subtitle"> Panel content </panel>
Contextual alternatives
Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
Panel title
Panel content
<panel type="primary" title="Panel title">Panel content</panel> <panel type="success" title="Panel title">Panel content</panel> <panel type="info" title="Panel title">Panel content</panel> <panel type="warning" title="Panel title">Panel content</panel> <panel type="danger" title="Panel title">Panel content</panel>
Panel with icons
Title of Panel
SubtitlePanel content
<panel type="default" title="Title of Panel" subtitle="Subtitle" icon="glyphicon glyphicon-home"> Panel content </panel>
Attributes
| Attribute | Default Value | Allowed Values | Description |
|---|---|---|---|
type | default | default, primary, success, info, warning, danger | Type of panel |
title | optional | Title of panel | |
subtitle | optional | Subtitle of panel | |
icon | optional | Font icon class (eg. Glyphicon or Font-Awesome) | |
nobody | optional | Don't add a panel body. Useful to add other particular tags (or tables) inside a panels |