Panels
Panels - With a mixture of the Bootstrap Grid system and our panels you can create custom pages with differently styled, collapsible and colourful panels to house your website's content.
Basic Panel
Basic Panel, aligned right with no border
Panel with Title
Panel content
Panel title
Panel content
Fullscreen Panel
Click to show the panel in fullscreen mode.
Collapsible Panel
Click to minimize the panel.
Hide Panel
Click the X to hide the panel.
Panel with Dropdown Menu
Click to reveal menu.
Full-width panel with icon
This Panel that stretches the width of the page has all four options.
Contextual Panels
Default
class="panel-default"
Primary
class="panel-primary"
Success
class="panel-success"
Info
class="panel-info"
Warning
class="panel-warning"
Danger
class="panel-danger"
Coloured Panels
Purple
<div class="panel-heading purple-bg">
Red
<div class="panel-heading red-bg">
Warm Blue
<div class="panel-heading warm-blue-bg">
Yellow
<div class="panel-heading yellow-bg">
Orange
<div class="panel-heading orange-bg">
Green
<div class="panel-heading green-bg">
Bordered Panels
Bordered
class="panel-bordered"
Warning
class="panel-bordered panel-warning"
Danger
class="panel-bordered panel-danger"
Accordion Panels
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lorem ipsum dolor sit amet, consectetur adipisicing 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.
Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
