bootstrap 4 info box 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

Alerts are available for any length of text, as well as an optional dismiss
button. For proper styling, use one of the eight required contextual classes
(e.g., .alert-success). For inline dismissal, use the alerts jQuery plugin.


  A simple primary alert—check it out!


  A simple secondary alert—check it out!


  A simple success alert—check it out!


  A simple danger alert—check it out!


  A simple warning alert—check it out!


  A simple info alert—check it out!


  A simple light alert—check it out!


  A simple dark alert—check it out!



  A simple primary alert with an example link. Give it a click if you like.


  A simple secondary alert with an example link. Give it a click if you like.


  A simple success alert with an example link. Give it a click if you like.


  A simple danger alert with an example link. Give it a click if you like.


  A simple warning alert with an example link. Give it a click if you like.


  A simple info alert with an example link. Give it a click if you like.


  A simple light alert with an example link. Give it a click if you like.


  A simple dark alert with an example link. Give it a click if you like.