x
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
<i class="fa-solid fa-triangle-exclamation me-2"></i>
A simple secondary alert—check it out!
</div>
<div class="alert alert-success d-flex justify-content-between" role="alert">
A simple success alert—check it out!
<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
</div>
<div class="alert alert-danger" role="alert">
A simple danger alert—check it out!
<a href="#" class="alert-link ms-1">It also has a Link!</a>
</div>
<div class="alert alert-warning" role="alert">
A simple warning alert—check it out!
</div>
<div class="alert alert-info alert-dismissible fade show"
role="alert"
data-controller='disappearing-alert'
data-action='animationend->disappearing-alert#dismissAlert'>
Disappearing Live Alert
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-light" role="alert">
A simple light alert—check it out!
</div>
<div class="alert alert-dark" role="alert">
A simple dark alert—check it out!
</div>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!
</div>
<div class="alert alert-secondary" role="alert">
<i class="fa-solid fa-triangle-exclamation me-2"></i>
A simple secondary alert—check it out!
</div>
<div class="alert alert-success d-flex justify-content-between" role="alert">
A simple success alert—check it out!
<button type='button' class='btn-close' data-bs-dismiss='alert' aria-label='Close'></button>
</div>
<div class="alert alert-danger" role="alert">
A simple danger alert—check it out!
<a href="#" class="alert-link ms-1">It also has a Link!</a>
</div>
<div class="alert alert-warning" role="alert">
A simple warning alert—check it out!
</div>
<div class="alert alert-info alert-dismissible fade show"
role="alert"
data-controller='disappearing-alert'
data-action='animationend->disappearing-alert#dismissAlert'>
Disappearing Live Alert
<button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
</div>
<div class="alert alert-light" role="alert">
A simple light alert—check it out!
</div>
<div class="alert alert-dark" role="alert">
A simple dark alert—check it out!
</div>

No assets to display.

No assets to display.