Panels & Widgets
Basic Panel
By default, all the .panel
does is apply some basic border and padding to contain some content.
Panel With Heading
Easily add a heading container to your panel with .panel-heading
. You may also include any h1
- h6
with a .panel-title
class to add a pre-styled heading.
Panel With Footer
Wrap content in .panel-footer
. Note that panel footers do not inherit colors and borders when using contextual variations as they are not meant to be in the foreground.
Contextual Alternatives
Like other components, easily make a panel more meaningful to a particular context by adding any of the contextual state classes.
Available Widgets
Below are some predesigned widgets that may be useful in your projects. You can put this somewhere in your web pages (ie. dashboard, sidebar).
Adding Touch Support To Website
Lorem ipsum dolor sit amet, consectetur adipisicing...
Grab Info From URL
Voluptatem quia voluptas sit aspernatur aut consectetur odit aut...
jQuery Form Validation
Voluptatem quia voluptas sit aspernatur aut consectetur odit aut...
John Doe in Adding Touch...
Voluptatem quia voluptas sit aspernatur aut consectetur odit aut...
Jane Smith in Grab Info From...
Voluptatem quia voluptas sit aspernatur aut consectetur odit aut...
Donald Frank in jQuery Form...
Voluptatem quia voluptas sit aspernatur aut consectetur odit aut...