Interface Elements
-
100,235,549,222,639,335,800
1254users
-
20,35,10,80,52,34,74,99,45,68
758visits
-
254,159,480,531,214,984,671
3541orders
-
Check & send
new messages
12 -
Check & add
new tasks
3 -
Check & manage
new orders
254 -
Check
statistics
-
Check & upload
new files
2
Warning! Best check yo self, you're not looking too good.
Well done! You successfully read this important alert message.
Oh snap! Change a few things up and try submitting again.
Heads up! This alert needs your attention, but it's not super important.
Modal Dialogs
Progress Bars
Basic Progress Bars
Striped Progress Bars
Warning! Not supported in IE.
Animated Striped Progress Bars
Warning! Not supported in IE.
Stacked Progress Bars
Tooltips
Pagination
Notifications
Warning!
Best check yo self, you're not looking too good.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Well done!
You successfully read this important alert message.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Oh snap!
Change a few things up and try submitting again.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Heads up!
THIS alert needs your attention, but it's not super important.Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Labels & Badges
Labels
Labels | Markup |
---|---|
Default |
<span class="label">Default</span>
|
Success |
<span class="label label-success">Success</span>
|
Warning |
<span class="label label-warning">Warning</span>
|
Important |
<span class="label label-important">Important</span>
|
Info |
<span class="label label-info">Info</span>
|
Inverse |
<span class="label label-inverse">Inverse</span>
|
Badges
Name | Example | Markup |
---|---|---|
Default | 1 |
<span class="badge">1</span>
|
Success | 2 |
<span class="badge badge-success">2</span>
|
Warning | 4 |
<span class="badge badge-warning">4</span>
|
Important | 6 |
<span class="badge badge-important">6</span>
|
Info | 8 |
<span class="badge badge-info">8</span>
|
Inverse | 10 |
<span class="badge badge-inverse">10</span>
|