Alert

Default alerts

Add color contextual class.

Alert with icon

Add .alert-icon class.

Alert dismissible

Add a dismiss button and the .alert-dismissible class, which adds extra padding to the right of the alert and positions the .close button. On the dismiss button, add the data-dismiss="alert" attribute, which triggers the JavaScript functionality. Be sure to use the <button> element with it for proper behavior across all devices.

Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Alert with avatar

avatar Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit. Lorem ipsum dolor sit amet, consectetur adipisicing elit.
avatar Lorem ipsum dolor sit amet, consectetur adipisicing elit.

Alert with buttons

Some Message

Lorem ipsum Minim ad pariatur eiusmod ea ut nulla aliqua est quis id dolore minimvoluptate.