Alerts

Global variables

$alert-class: "-alert" !global
$alert-border-radius: 3px !global
$alert-border-width: 1px !global
$alert-border-style: solid !global
$alert-padding-vertical: $base-padding-vertical
$alert-padding-horizontal: $base-padding-horizontal
	

Use widget class -alert. Apply themes and sizes. You can apply -shadow-...- to add shadow to the alert.

Nothing important here.

Heads up! This alert needs your attention, but it's not super important.

Oh snap! Change a few things up and try submitting again.

Warning! Better check yourself, you're not looking too good.
Nothing important here.
Heads up! This alert needs your attention, but it's not super important.
Oh snap! Change a few things up and try submitting again.
Warning! Better check yourself, you're not looking too good.

Apply themes and sizes.

Heads up! This alert needs your attention, but it's not super important.

Warning! Better check yourself, you're not looking too good.

Oh snap! Change a few things up and try submitting again.

Nothing important here.

Heads up! This alert needs your attention, but it's not super important.
Heads up! This alert needs your attention, but it's not super important.
...
...
...
...