Buttons
Buttons Sizes
Labels and badges
For easy implementation, labels and badges will simply collapse (via CSS's :empty
selector) when no content exists within.
Labels
Default
Success
Warning
Important
Info
Inverse
Badges
1
2
4
6
8
10
Accordion One
Get base styles and flexible support for collapsible components like accordions and navigation.
Accordion Two
Get base styles and flexible support for collapsible components like accordions and navigation.
Accomplishment
Honesty
Responsibility
Alerts
Styles for success, warning, and error messages
Warning! Best check yo self, you're not looking too good.
Error! Change a few things up and try submitting again.
Success! You successfully read this important alert message.
Heads up! This alert needs your attention, but it's not super important.
Progress Bar
For loading, redirecting, or action status
Modal
Toggle a modal via JavaScript by clicking the button below. It will slide down and fade in from the top of the page.
Launch demo modal
Pagination
Fancy larger or smaller pagination? Add .pagination-large
, .pagination-small
, or .pagination-mini
for additional sizes.