Home
Tutorials
Microsoft Technologies Tutorials
Java Programming Tutorials
Web Designing Tutorials
Script Programming Tutorials
Database Programming Tutorials
Mobile Technologies Tutorials
Other Programming Tutorials
Examples
Articles
Tools
News
Bootstrap Alert Links Example
Keywords : alerts, bootstrap, bootstrap alerts, bootstrap alert link, bootstrap alert links example, alert links bootstrap, bootstrap alert box, bootstrap alert message, bootstrap alert links messages
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Alert Links Example</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://code.jquery.com/jquery-3.4.1.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> <style> .bcontent { margin-top: 10px; } </style> </head> <body> <div class="container bcontent"> <h2>Bootstrap Alert Links</h2> <div class="alert alert-success"> Profile saved successfully! <a href="#" class="alert-link">View Profile</a> </div> <div class="alert alert-info"> To edit profile click. <a href="#" class="alert-link">Edit Now</a> </div> <div class="alert alert-warning"> Not provided required fields. <a href="#" class="alert-link">Cancel Registration</a> </div> <div class="alert alert-danger"> Your account has been deleted. <a href="#" class="alert-link">Sign up again!</a> </div> </div> </body> </html>
Click Here to See Result
Result
Previous
Next