Extended Elements
Multiple File Upload |
||
Star Rating |
<div class="raty"></div> |
|
Toggle Switch |
<input data-no-uniform="true" type="checkbox" class="iphone-toggle"> |
|
Auto Growing Textarea |
<textarea class="autogrow"></textarea> |
|
Popover |
Hover for popover | <a href="#" class="btn btn-danger" data-rel="popover" data-content="And here's some amazing content. It's very engaging. right?" title="A Title">hover for popover</a> |
Slider |
<div class="slider"></div> |
|
Dialog |
Click for dialog | |
Tooltip |
Hover for tooltip | <a href="#" title="Tooltip, you can change the position." data-rel="tooltip" class="btn btn-warning">Hover for tooltip</a> |
Progress Bars
Basic
Striped
Animated
Additional Colors
Labels and Annotations
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>
|
Alerts
Oh snap! Change a few things up and try submitting again.
Well done! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
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.
Notifications
Click buttons below to see Pop Notifications.