bootstrap alert box

Solutions on MaxInterview for bootstrap alert box by the best coders in the world

showing results for - "bootstrap alert box"
Moritz
16 May 2019
1<div class="alert alert-primary" role="alert">
2  This is a primary alertcheck it out!
3</div>
4<div class="alert alert-secondary" role="alert">
5  This is a secondary alertcheck it out!
6</div>
7<div class="alert alert-success" role="alert">
8  This is a success alertcheck it out!
9</div>
10<div class="alert alert-danger" role="alert">
11  This is a danger alertcheck it out!
12</div>
13<div class="alert alert-warning" role="alert">
14  This is a warning alertcheck it out!
15</div>
16<div class="alert alert-info" role="alert">
17  This is a info alertcheck it out!
18</div>
19<div class="alert alert-light" role="alert">
20  This is a light alertcheck it out!
21</div>
22<div class="alert alert-dark" role="alert">
23  This is a dark alertcheck it out!
24</div>
Laura
30 Jan 2017
1<div class="alert alert-primary" role="alert">
2  This is a primary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
3</div>
4<div class="alert alert-secondary" role="alert">
5  This is a secondary alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
6</div>
7<div class="alert alert-success" role="alert">
8  This is a success alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
9</div>
10<div class="alert alert-danger" role="alert">
11  This is a danger alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
12</div>
13<div class="alert alert-warning" role="alert">
14  This is a warning alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
15</div>
16<div class="alert alert-info" role="alert">
17  This is a info alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
18</div>
19<div class="alert alert-light" role="alert">
20  This is a light alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
21</div>
22<div class="alert alert-dark" role="alert">
23  This is a dark alert with <a href="#" class="alert-link">an example link</a>. Give it a click if you like.
24</div>
Terry
19 Jan 2020
1<div class="alert alert-warning alert-dismissible fade show" role="alert">
2  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
3  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
4    <span aria-hidden="true">&times;</span>
5  </button>
6</div>
Luis
10 Nov 2019
1<div class="alert alert-success alert-dismissible fade show" role="alert">
2  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
3  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
4    <span aria-hidden="true">&times;</span>
5  </button>
6</div>
Lukas
21 Apr 2020
1<div class="alert alert-primary" role="alert">
2  A simple primary alertcheck it out!
3</div>
4<div class="alert alert-secondary" role="alert">
5  A simple secondary alertcheck it out!
6</div>
7<div class="alert alert-success" role="alert">
8  A simple success alertcheck it out!
9</div>
10<div class="alert alert-danger" role="alert">
11  A simple danger alertcheck it out!
12</div>
13<div class="alert alert-warning" role="alert">
14  A simple warning alertcheck it out!
15</div>
16<div class="alert alert-info" role="alert">
17  A simple info alertcheck it out!
18</div>
19<div class="alert alert-light" role="alert">
20  A simple light alertcheck it out!
21</div>
22<div class="alert alert-dark" role="alert">
23  A simple dark alertcheck it out!
24</div>
Francesco
01 Mar 2020
1Alerts in Bootstrap:
2--------------------------------
3Alert classes you can use to check
4.alert-primary
5.alert-secondary
6.alert-success
7.alert-danger
8.alert-warning
9.alert-info
10.alert-light
11.alert-dark
12
13Simple alert:
14-------------
15<div class="alert alert-primary" role="alert">
16  This is a primary alertcheck it out!
17</div>
18
19Alert with close button and decriptive feature:
20------------------------------------------------
21<div class="alert alert-warning alert-dismissible fade show" role="alert">
22  <strong>Holy guacamole!</strong> You should check in on some of those fields below.
23  <button type="button" class="close" data-dismiss="alert" aria-label="Close">
24    <span aria-hidden="true">&times;</span>
25  </button>
26</div>
27
28Trigger via javascript:
29$(".alert").alert();
similar questions
queries leading to this page
bootstrap alert box