Extended Elements
Multiple File Upload |
||
CSS3 Animations |
Animation |
<h3 class="animated rubberBand">Animation</h3>
For all more animation classes like rubberBand, please refer to
http://daneden.github.io/animate.css/
|
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 |
Click for popover | <a href="#" class="btn btn-danger" data-toggle="popover" data-content="And here's
some amazing content. It's very engaging. right?" title="A Title">hover for popover</a>
|
Dialog |
Click for dialog | |
Tooltip |
Hover for tooltip | <a href="#" title="Tooltip, you can change the position, for example use
data-placement="left"." data-toggle="tooltip" class="btn btn-warning">Hover for
tooltip</a> |
Progress Bars
Basic
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>
|
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.
Notifications
Click buttons below to see Pop Notifications.
