Theme Options

Colors

Layout Type

Flat Old

Interface elements

5
  • 2,4,9,7,12,10,12 +10%
    36094 Visits
  • 20,15,18,14,10,9,9,9 0%
    1433 Users
  • 3,5,9,7,12,20,10 -50%
    8650 Orders
  • 12,6,9,23,14,10,17 +70%
    2968 Tickets
Warning! Your monthly traffic is reaching limit.
Success! The page has been added.
Info! You have 198 unread messages.
Error! The daily cronjob has failed.
Modal dialogs
Modal dialog Alert
Modals provided by Bootbox.js
Confirm Dialog Prompt Dialog Alert Dialog
Progress bars
Basic progress bars
class="progress progress-xs"

class="progress progress-sm"

class="progress"

Striped progress bars
Internet Explorer doesn't support striped progress bars!
Animated progress bars
Internet Explorer doesn't support animated progress bars!
Stacked progress bars
More Colors
Tooltip directions

Four directions of the tooltips, just add a class: tip-top, tip-bottom, tip-left or tip-right to the element you want to have tooltip.

Growl-like notifications
Standard notification Sticky notification Notification with image Light-colored Notification
Notifications
×

Warning!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Success!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Info!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
×

Error!

Best check yo self, you're not looking too good. Nulla vitae elit libero, a pharetra augue. Praesent commodo cursus magna, vel scelerisque nisl consectetur et.
Labels and badges

Available labels

Labels Class
Default label label-default
Success label label-success
Warning label label-warning;
Danger label label-danger
Info label label-info
Inverse label label-inverse

Available badges

Name Example Class
Default 1 badge badge-default
Success 2 badge badge-success
Warning 4 badge badge-warning
Danger 6 badge badge-danger
Info 8 badge badge-info
Inverse 10 badge badge-inverse
Pagination
Default pagination
<ul class="pagination">
Alternate pagination
<ul class="pagination alternate">
Pager
Aligned