VisaPress - Best Bootstrap Alert Message Design for Your Website

Basic Alerts

Primary - This is a primary alert—check it out!

Secondary - This is a secondary alert—check it out!

Success - This is a success alert—check it out!

Danger - This is a danger alert—check it out!

Warning - This is a warning alert—check it out!

Info - This is a info alert—check it out!

Light This is a light alert—check it out!

Dark This is a dark alert—check it out!

Link color

This is a primary alert with an example link. Give it a click if you like.

This is a secondary alert with an example link. Give it a click if you like.

This is a success alert with an example link. Give it a click if you like.

This is a danger alert with an example link. Give it a click if you like.

This is a warning alert with an example link. Give it a click if you like.

This is a info alert with an example link. Give it a click if you like.

This is a light alert with an example link. Give it a click if you like.

This is a dark alert with an example link. Give it a click if you like.

Additional content

Primary

Ut rhoncus fringilla sapien, nec eleifend odio cursus quis. Aliquam eu aliquet risus, id semper turpis. Pellentesque luctus commodo turpis, volutpat lobortis mi commodo quum vulputate.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Secondary

Etiam imperdiet ac justo in molestie. Fusce sodales volutpat urna quis convallis. Morbi in porta sapien, vel pellentesque risus. Proin elementum, nulla sinissim nisi purus in erat.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Well done!

Aww yeah, you successfully read this important alert message. This example text is going to run a bit longer so that you can see how spacing within an alert works with this kind of content.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Danger

Aenean ullamcorper arcu augue, lacinia congue purus posuere a. Vivamus posuere urna quis erat rutrum, eget consequat velit blandit. Integer facilisis imperdiet vehicula.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Warning

Integer gravida purus quis efficitur tincidunt. Aenean quam justo, tempor vel nisl vel, venenatis vestibulum nisl. Suspendisse potenin nisl non, elementum euismod diam.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Info

Aenean ullamcorper arcu augue, lacinia congue purus posuere a. Vivamus posuere urna quis erat rutrum, eget consequat velit blandit. Integer facilisis imperdiet vehicula.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Light

Etiam imperdiet ac justo in molestie. Fusce sodales volutpat urna quis convallis. Morbi in porta sapien, vel pellentesque risus. Proin elementum, nulla sinissim nisi purus in erat.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

dark

Cras aliquam pellentesque erat, a ullamcorper mauris fringilla sed. Morbi faucibus, nibh sit amet lobortiullamcorper duiconsequat condimentum ligula erat vitae ipsum.

Whenever you need to, be sure to use margin utilities to keep things nice and tidy.

Dismissing Alerts

Primary - This is a primary alert—check it out!

Secondary - This is a secondary alert—check it out!

Success - This is a success alert—check it out!

Danger - This is a danger alert—check it out!

Holy guacamole! You should check in on some of those fields below.

Info - This is a info alert—check it out!

Light This is a light alert—check it out!

Dark This is a dark alert—check it out!