-
Notifications
You must be signed in to change notification settings - Fork 0
/
bootstrap_alert.html
38 lines (31 loc) · 1.59 KB
/
bootstrap_alert.html
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
32
33
34
35
36
37
38
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
<body>
<div class="container">
<div class="row">
<h1 class="text-center">Alert in Bootstrap...😢</h1>
<div class="col-12">
<div class="alert alert-primary">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, magni!</p>
</div>
<div class="alert alert-info">
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Numquam, magni!
<button class="btn-close" data-bs-dismiss="alert"></button>
</p>
</div>
<div class="alert alert-success">
<h1 class="alert-heading">What is Bootstrap?</h1>
<p>Lorem ipsum, dolor sit amet consectetur adipisicing elit. Quod numquam eum ab a fugit natus id, consequuntur esse architecto corporis ut dolore pariatur. Animi, dignissimos vitae. Id impedit, eos vel dicta mollitia tempora amet aliquam, quos quae numquam quidem saepe architecto repellat cum dolores adipisci eaque, <a href="#" class="alert-link">quam voluptas dolorem.</a></p>
</div>
</div>
</div>
</div>
</body>
</html>