Articles → BOOTSTRAP → Alert-dismissible class in bootstrap

Alert-dismissible class in bootstrap






Purpose





Example


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

<head>
	<title></title>
	<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
	<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.4/jquery.min.js"></script>
	<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
</head>

<body>
	<div class="alert alert-success alert-dismissible"> <a href="#" data-dismiss="alert">
            ×
        </a> Click on X button to close this warning. </div>
</body>

</html>



Output


Picture showing output of Alert-dismissible class in bootstrap

Click to Enlarge

Posted By  -  Karan Gupta
 
Posted On  -  Monday, November 19, 2018

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250