Bootstrap Alerts, Warning, Error, Success Messages
HTML & Bootstrap alerts efficiently convey messages, be it success, error, warning, or information, with easy customization to suit your needs.
Views: 794
2017
<!-- Latest compiled and minified CSS -->
rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous"
<!-- Optional theme -->
rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap-theme.min.css" integrity="sha384-rHyoN1iRsVXV4nD0JutlnGaslCJuC7uwjduW9SVrLvRYooPp2bWYgmgJQIXwl/Sp" crossorigin="anonymous"
<!-- Latest compiled and minified JavaScript -->
src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa" crossorigin="anonymous"
class="container"
class="alert alert-success" role="alert"Alert One
class="alert alert-info" role="alert"Alert Two
class="alert alert-warning" role="alert"Alert Three
class="alert alert-danger" role="alert"Alert Four
class="alert alert-danger alert-dismissible fade in" role="alert" type="button" class="close" data-dismiss="alert" aria-label="Close" aria-hidden="true"÷ Oh snap! You got an error! Change this and that and try again. Duis mollis, est non commodo luctus, nisi erat porttitor ligula, eget lacinia odio sem nec elit. Cras mattis consectetur purus sit amet fermentum. type="button" class="btn btn-danger"Take this action type="button" class="btn btn-default"Or do this
