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 with Additional Content Example
Keywords : alerts, bootstrap, bootstrap alerts, bootstrap alert examples, bootstrap alert with additional content, extra content with bootstrap alerts, bootstrap alert box, bootstrap alert message
Example
<!DOCTYPE html> <html lang="en"> <head> <title>Bootstrap Alert with Additional Content 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"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.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 Alerts with Additional Content</h2> <div class="alert alert-info"> <h4 class="alert-heading"><i class="fa fa-info"></i> Welcome to Tutlane</h4> <p>You have successfully registered with tutlane.com. You can enjoy reading unlimited technology related tutorials from basic to advanced level. If you are interested to contribute any tutorails let us know.</p> <hr> <p class="mb-0">If you have any doubts, reach us at support@tutlane.com.</p> </div> </div> </body> </html>
Click Here to See Result
Result
Previous
Next