<! DOCTYPE html>
<meta http-equiv= "Content-type" content= "text/html; Charset=utf-8 "/>
<title>bootstrap Experience Example: Warning with link </title>
<meta charset= "Utf-8"/>
<meta name= "viewport" content= "width=device-width,initial-scale=1.0"/>
<link rel= "stylesheet" href= "Bootstrap-3.3.5-dist/css/bootstrap.min.css"/>
<body>
<div style= "padding:10px" >
<div class= "Alert Alert-success" >
<a href= "#" class= "Alert-link" > successfully, completed the submission very well. </a>
</div>
<div class= "Alert Alert-info" >
<a href= "#" class= "Alert-link" > Information, this is a very important information. </a>
</div>
<div class= "Alert alert-warning" >
<a href= "#" class= "Alert-link" > Warning, this cannot be submitted. </a>
</div>
<div class= "Alert Alert-danger" >
<a href= "#" class= "Alert-link" >
Error, this code needs to be re-modified.
</a>
</div>
</div>
<script src= "Jquery/jquery-2.1.4.js" ></script>
<script src= "Bootstrap-3.3.5-dist/js/bootstrap.min.js" ></script>
</body>
Bootstrap Experience instance: Warning with link