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.


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

	<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>

	<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>



Picture showing the output of bootstrap alerts
Click to Enlarge

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


Your Email Id  
Query/FeedbackCharacters remaining 250