Articles → BOOTSTRAP → Bootstrap Alerts

Bootstrap Alerts






Types Of Alerts




  1. Success – This alert box indicates a successful or positive action.
  2. Info – The alert box indicates some information.
  3. Warning – This alert box indicates the warning that requires attention.
  4. Danger – This alert box indicates the dangerous or negative action.

Example


<!DOCTYPE html>
<html lang="en">

<head>
	<title>Bootstrap Example</title>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1">
	<link rel="stylesheet" href="bootstrap\css\bootstrap.min.css"> </head>

<body>
	<div class="container">
		<div class="alert alert-success">Success! Well done its submitted.</div>
		<div class="alert alert-info">Info! take this info.</div>
		<div class="alert alert-warning">Warning ! Dont submit this.</div>
		<div class="alert alert-danger">Error ! Change few things.</div>
	</div>
</body>

</html>



Output


Picture showing the output of bootstrap alerts
Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Monday, November 6, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250