Modals
Default dialog style
Growl notifications
Default Growl styling
×
Some info!
×
Error!
×
Warning!
×
Success!
Progress bars
Progress bar colors
Progress bar options
Alerts
Good to know! Info alert
Contextual backgrounds
Donec ullamcorper nulla non metus auctor fringilla.
Alerts
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
Oh snap! You got an error!
Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum.
Popovers
Popover top
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Popover bottom
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Popover right
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Popover left
Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum.
Labels
Labels | Markup |
---|---|
Default | <span class="label label-default">Default</span> |
Primary | <span class="label label-primary">Primary</span> |
Success | <span class="label label-success">Success</span> |
Warning | <span class="label label-warning">Warning</span> |
Danger | <span class="label label-danger">Danger</span> |
Info | <span class="label label-info">Info</span> |
142 | <span class="badge">Badge</span> |
Pager
Date picker
Default date picker style