Components - Bootstrap

Alert Messages

Small Elements

Gaining direct user attention on some matter. Add dismiss functionality to all alert messages with this plugin.

Success: You successfully read this important alert message.
Info: This alert needs your attention, but it's not super important.
Warning: Best check yo self, you're not looking too good.
Danger: Change this and that and try again. Ignore Take this action
Labels & Badge Options

Label Colors

Just add the .label class to inline element to create a label.

Default Primary Info Success Warning Danger

Badge Variations

Same as labels, just add the .label-pill class to inline element to create a badge.

01 20 31 18 41 9

Tooltips & Popover Variations

Position Tooltips

Stable four position options available:

Popover Options

Placing help text where needed:

Bootstrap Modals

Modals are streamlined, but flexible, dialog prompts with the minimum required functionality and smart defaults.

Progress Bars

Progress Bar Colors

Easily perceptible colored options for Bootstrap progress bars:

Progress Bar Sizes

Three different sizes for all of possible use cases:

More Options

Animated and containg text progress bars are not yet supported in Bootstrap 4

Animated, stripped and progress bars containing text:

$24 818