Default
Alerts are available for any length of text. Add .alert.alert-{color}
classes for alert with all theme colors.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Alerts with Icons
Add a dismiss button,use .alert-dismissible
class,which adds extra padding to the right of the alert and positions the .close
button.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Alerts with Border
To Show Alert with different border color,use .border-{colorName}
class.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Alerts with Light Background Color
Add .bg-rgba-{colorName}
class alongwith .alert
class,which adds Light Background Color.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.
Good Morning!Start your day with some alerts.