brand

Layout

Choose your preferred layout


Navigation

Menu comes in two modes: dark & light


Top Nav

Choose your liked color mode


Scrollable Header
brand brand

Alerts

Default alerts

Alerts are available for any length of text, as well as an optional dismiss button. Use contextual classes for proper styling.

Inverse alerts

Add .alert-inv .alert-inv-* modifier class to change the appearance of an alert.

Link color

Use the .alert-link utility class to quickly provide matching colored links within any alert.

Additional content

Alerts can also contain additional HTML elements like headings, paragraphs and dividers.

Dismissing

Using the alert JavaScript plugin, it’s possible to dismiss any alert inline. Just add .alert-dismissible class.

Alerts with icon

Add .alert-wth-icon class to quickly create fancy alerts with icons.

Toastr alerts

Toastr is a Javascript library for non-blocking notifications. View full documentation here.

Toastr Alerts positions

You can set position option like (position: 'top-right') in toast-data.js file.