Alerts
<!DOCTYPE html>
<html lang="en">
<head>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
/>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Alert</title>
</head>
<body>
<div class="alert alert-danger">Download Failed!!</div>
<div class="alert alert-success">Download Successful!</div>
<div class="alert alert-primary">alert</div>
<!-- DISMISSING AN ALERT -->
<div class="alert alert-success alert-dismissable">
Successful!!!!!!!!!!!!
<button class="btn-close" data-bs-dismiss="alert"></button>
</div>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-YvpcrYf0tY3lHB60NNkmXc5s9fDVZLESaAA55NDzOxhy9GkcIdslK1eN7N6jIeHz"
crossorigin="anonymous"
></script>
</body>
</html>
Comments
Post a Comment