<div class="alert alert-primary rounded-0" role="alert">
                                    A simple primary alert—check it out!
                                    </div>
                                    <div class="alert alert-secondary rounded-0" role="alert">
                                    A simple secondary alert—check it out!
                                    </div>
                                    <div class="alert alert-success rounded-0" role="alert">
                                    A simple success alert—check it out!
                                    </div>
                                    <div class="alert alert-danger rounded-0" role="alert">
                                    A simple danger alert—check it out!
                                    </div>
                                    <div class="alert alert-warning rounded-0" role="alert">
                                    A simple warning alert—check it out!
                                    </div>
                                    <div class="alert alert-info rounded-0" role="alert">
                                    A simple info alert—check it out!
                                    </div>
                                    <div class="alert alert-light rounded-0" role="alert">
                                    A simple light alert—check it out!
                                    </div>
                                    <div class="alert alert-dark rounded-0" role="alert">
                                    A simple dark alert—check it out!
                                    </div>
                                

<div class="alert alert-primary rounded-0" role="alert">
                                    A simple primary alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-secondary rounded-0" role="alert">
                                    A simple secondary alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-success rounded-0" role="alert">
                                    A simple success alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-danger rounded-0" role="alert">
                                    A simple danger alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-warning rounded-0" role="alert">
                                    A simple warning alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-info rounded-0" role="alert">
                                    A simple info alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-light rounded-0" role="alert">
                                    A simple light alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                    <div class="alert alert-dark rounded-0" role="alert">
                                    A simple dark alert with <a href="#!" class="alert-link">an example link</a>. Give it a click
                                    if you like.
                                    </div>
                                

<div class="alert alert-success rounded-0" role="alert">
                                    <h3 class="alert-heading">Well done!</h3>
                                    <p>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.</p>
                                    <hr>
                                    <p class="mb-0">Whenever you need to, be sure to use margin utilities to keep things nice and tidy.</p>
                                    </div>

<div class="alert alert-warning alert-dismissible fade show rounded-0" role="alert">
                                    <strong>Holy guacamole!</strong> You should check in on some of those fields below.
                                    <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                                    </div>