types of html alerts

1<div class="alert alert-primary" role="alert">
2  This is a primary alert—check it out!
3</div>
4<div class="alert alert-secondary" role="alert">
5  This is a secondary alert—check it out!
6</div>
7<div class="alert alert-success" role="alert">
8  This is a success alert—check it out!
9</div>
10<div class="alert alert-danger" role="alert">
11  This is a danger alert—check it out!
12</div>
13<div class="alert alert-warning" role="alert">
14  This is a warning alert—check it out!
15</div>
16<div class="alert alert-info" role="alert">
17  This is a info alert—check it out!
18</div>
19<div class="alert alert-light" role="alert">
20  This is a light alert—check it out!
21</div>
22<div class="alert alert-dark" role="alert">
23  This is a dark alert—check it out!
24</div>