Alerts

<div class="alert alert-success alert-dismissible"><strong>Success!</strong>This alert box could indicate a successful or positive action. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-info alert-dismissible"><strong>Info!</strong>This alert box could indicate a neutral informative change or action. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-warning alert-dismissible"><strong>Warning!</strong>This alert box could indicate a warning that might need attention. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-danger alert-dismissible"><strong>Danger!</strong>This alert box could indicate a dangerous or potentially negative action. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-primary alert-dismissible"><strong>Primary!</strong>Indicates an important action. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-secondary alert-dismissible"><strong>Secondary!</strong>Indicates a slightly less important action. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-dark alert-dismissible"><strong>Dark!</strong>Dark grey alert. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div><div class="alert alert-light alert-dismissible mb-0"><strong>Light!</strong>Light grey alert. <button type="button" class="btn-close" data-bs-dismiss="alert" aria-label="Close"></button></div>