Articles → BOOTSTRAP → alert-link class in bootstrap

alert-link class in bootstrap






Purpose





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.<a href="#" class="alert-link">read this message</a></div>
		<div class="alert alert-info">Info! take this info.<a href="#" class="alert-link">read this message</a></div>
		<div class="alert alert-warning">Warning ! Dont submit this.<a href="#" class="alert-link">read this message</a></div>
		<div class="alert alert-danger">Error ! Change few things.<a href="#" class="alert-link">read this message</a></div>
	</div>
</body>

</html>



Output


Picture showing the output of alert-link class in bootstrap

Click to Enlarge


Posted By  -  Karan Gupta
 
Posted On  -  Thursday, November 09, 2017

Query/Feedback


Your Email Id  
 
Subject 
 
Query/FeedbackCharacters remaining 250