Skip to:

Boostrap Elements

Boostrap Elements

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.

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.

Take this action Or do this

Progress Bar

For loading, redirecting, or action status

Buttons







Buttons Sizes





Buttons Disabled

Primary link

Link

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

Tabs

Accordion

Get base styles and flexible support for collapsible components like accordions and navigation.


Collapsible Group Item #1
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt sapiente ea proident.

Collapsible Group Item #2
Anim pariatur cliche reprehenderit, enim cialis 5mg eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson cred nesciunt.

Collapsible Group Item #3
Anim pariatur cliche reprehenderit, enim eiusmod high life accusamus terry richardson ad squid. 3 wolf moon officia aute, non cupidatat skateboard dolor brunch. Food truck quinoa nesciunt laborum eiusmod. Brunch 3 wolf moon tempor, sunt aliqua put a bird on it squid single-origin coffee nulla assumenda shoreditch et. Nihil anim keffiyeh helvetica, craft beer labore wes anderson.

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