Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With icon
Create a panel with an icon by appending a .panel-heading-icon element to the .panel-heading.
Icon
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With input group
Create a panel with an input group by wrapping an .input-group element within the .panel-heading-controls element.
Input group
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With input
Create a panel with an input by wrapping a .form-control element within the .panel-heading-controls element.
Input
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With switcher
Create panel with a switcher by wrapping a .switcher element within the .panel-heading-controls element.
Switcher
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
With wizard
Create a panel with a wizard by adding the .panel-wizard class to a .wizard element and appending it to the .panel.
Wizard
1
Step 1
Description
2
Step 2
Description
3
Step 3
Description
4
Finish
Description
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Wizard title
Support panel subtitle
1Step 1
2Step 2
3Step 3
4Finish
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor
incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud
exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Some body content.
Colors
Danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful danger
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful success
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful warning
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Colorful info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Dark colorful info
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.
Panel - Transparent
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante.