Alerts in Bootstrap:
--------------------------------
Alert classes you can use to check
.alert-primary
.alert-secondary
.alert-success
.alert-danger
.alert-warning
.alert-info
.alert-light
.alert-dark
Simple alert:
-------------<div class="alert alert-primary" role="alert">This is a primary alert—check it out!</div>
Alert with close button and decriptive feature:
------------------------------------------------<div class="alert alert-warning alert-dismissible fade show" role="alert"><strong>Holy guacamole!</strong> You should check in on some of those fields below.<button type="button"class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">×</span></button></div>
Trigger via javascript:
$(".alert").alert();
Alerts are available for any length of text, as well as an optional dismiss
button.For proper styling, use one of the eight required contextual classes
(e.g., .alert-success).For inline dismissal, use the alerts jQuery plugin.<div class="alert alert-primary" role="alert">
A simple primary alert—check it out!</div><div class="alert alert-secondary" role="alert">
A simple secondary alert—check it out!</div><div class="alert alert-success" role="alert">
A simple success alert—check it out!</div><div class="alert alert-danger" role="alert">
A simple danger alert—check it out!</div><div class="alert alert-warning" role="alert">
A simple warning alert—check it out!</div><div class="alert alert-info" role="alert">
A simple info alert—check it out!</div><div class="alert alert-light" role="alert">
A simple light alert—check it out!</div><div class="alert alert-dark" role="alert">
A simple dark alert—check it out!</div><div class="alert alert-primary" role="alert">
A simple primary alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-secondary" role="alert">
A simple secondary alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-success" role="alert">
A simple success alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-danger" role="alert">
A simple danger alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-warning" role="alert">
A simple warning alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-info" role="alert">
A simple info alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-light" role="alert">
A simple light alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div><div class="alert alert-dark" role="alert">
A simple dark alert with <a href="#"class="alert-link">an example link</a>. Give it a click if you like.</div>
Forgot your account's password or having trouble logging into your Account? Don't worry, we'll help you to get back your account. Enter your email address and we'll send you a recovery link to reset your password. If you are experiencing problems
resetting your password contact us
Check Your Email and Click on the link sent to your email