bootstrap 4 error message code example

Example 1: bootstrap errors

  This is a primary alert—check it out!


  This is a secondary alert—check it out!


  This is a success alert—check it out!


  This is a danger alert—check it out!


  This is a warning alert—check it out!


  This is a info alert—check it out!


  This is a light alert—check it out!


  This is a dark alert—check it out!

Example 2: bootstrap alerts

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

Example 3: bootstrap 4 success alert

  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.

Example 4: bootstrap 4 alert

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

Example 5: bootstrap alert box

Alerts in Bootstrap:
--------------------------------
Alert classes you can use to check
.alert-primary
.alert-secondary
.alert-success
.alert-danger
.alert-warning
.alert-info
.alert-light
.alert-dark

Simple alert:
-------------

  This is a primary alert—check it out!


Alert with close button and decriptive feature:
------------------------------------------------

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


Trigger via javascript:
$(".alert").alert();