Alerts

                  
                    <!--
                      
                      Colors
                      .alert-primary
                      .alert-secondary
                      .alert-success
                      .alert-danger
                      .alert-warning
                      .alert-info
                      .alert-light
                      .alert-dark

                    -->

                    <!-- regular -->
                    <div class="alert alert-primary" role="alert">
                      lorem ipsum dolor <a href="#" class="alert-link">alert link</a>
                    </div>

                    <!-- dismissible -->
                    <div class="alert alert-primary alert-dismissible fade show" role="alert">
                      lorem ipsum dolor <a href="#" class="alert-link">alert link</a>
                      <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button>
                    </div>