Loading. Please Wait.

Provide contextual feedback messages for typical user actions with the handful of available and flexible alert messages.

Examples

Wrap any text and an optional dismiss button in .alert and one of the four contextual classes (e.g., .alert-success) for basic alert messages.

examples

Dismissible Alerts

Build on any alert by adding an optional .alert-dismissible and close button.

examples

With Simple Icon

examples

With Alternative Icon

examples

Alerts with Header & Buttons

examples

Alerts with Icons, Header & Buttons

examples

Alerts with Header & Buttons v2

examples

Alerts with Icons, Header & Buttons v2

examples

Navbar Options

Header Layout

Sidebar Options

Content View

Footer Options

Main Color

Navbar

Sidebar