Alerts

For longer messages, increase the padding on the top and bottom of the alert wrapper by adding .alert-block.

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.
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.

Progress Bars

Default progress bar with a vertical gradient.

Uses a gradient to create a striped effect. Not available in IE7-8.

Add .active to .progress-striped to animate the stripes right to left. Not available in all versions of IE.

Place multiple bars into the same .progress to stack them.

Batman: Arkham Origins Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Call of Duty: Ghost Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Assassin's Creed 4 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Grand Theft Auto 5 Fringilla vitae, vestibulum in magna. Ut dignissim placerat.
Vestibulum ligula metus Fringilla vitae, vestibulum in magna. Ut dignissim placerat.

Style Switcher

Color Style