Alerts
.alert &
.alert-{color} =
.alert-{primary, secondary, success, danger, warning, info, light, dark}
primary alert
secondary alert
success alert
danger alert
warning alert
info alert
light alert
dark alert
Alerts with Links
.alert &
.alert-{color} =
.alert-{primary, secondary, success, danger, warning, info, light, dark}
primary alert - alert link
secondary alert - alert link
success alert - alert link
danger alert - alert link
warning alert - alert link
info alert - alert link
light alert - alert link
dark alert - alert link
Additional Content
.alert &
.alert-{color} =
.alert-{primary, secondary, success, danger, warning, info, light, dark}
Success!
Lorem ipsum dolor sit, amet consectetur adipisicing elit. Necessitatibus quas mollitia eligendi autem aperiam, quod dolores animi aliquid fugit quaerat! Earum molestiae illum facilis corrupti.
Lorem ipsum dolor sit amet consectetur adipisicing elit. Modi voluptatem quia accusamus porro excepturi illum.
Dismissing
.alert-dismissible
data-dismiss="alert" &
.close
Warning Message Lorem ipsum dolor sit amet consectetur adipisicing elit.