Alert example

Badge example

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin eget molestie elit, non vulputate turpis.

Vestibulum mollis justo quam, in fermentum lacus posuere id. Phasellus sed gravida dolor. Suspendisse pharetra laoreet pretium.

Alert, badges & tags

The Right Way - Admin Template

Examples

Basic examples of alert feature.

Additional content

Use alert-heading and other typography elements to customize your alert.

Dismissing

Use predefined close button to get dissmisable alert.

Default badges

Use badge badge-* to get styled badge for your informer.

Primary

badge badge-primary primary color badge example.

Success

badge badge-success success color badge example.

Danger

badge badge-danger danger color badge example.

Warning

badge badge-warning warning color badge example.

Info

badge badge-info info color badge example.

Light

badge badge-light light badge example.

Dark

badge badge-dark dark badge example.

Pill badges

Add badge-pill to your default badge to get rounded corners.

Primary

badge badge-pill badge-primary primary color pill example.

Success

badge badge-pill badge-success success color pill example.

Danger

badge badge-pill badge-danger danger color pill example.

Warning

badge badge-pill badge-warning warning color pill example.

Info

badge badge-pill badge-info info color pill example.

Light

badge badge-pill badge-light light pill example.

Dark

badge badge-pill badge-dark dark pill example.

Tags

Add class tag to element to get tag.

Tag text

<span class="tag">Tag text</span> simple tag example.

<a href="#" class="tag">Link</a> link tag example.

Tag 1Tag 2

Multiple examples in one row.

Tag

Use modifier tag--transparent to get transparent tag.

Link example.

Template settings
Information

Use this panel to configure template settings and layout options.

Layout option
Backgrounds
Header options
Container
Navigation options
Sidepanel options
Content options