I am trying to implement an alert box using Bootstrap for my project
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
</head>
<body>
<div class="alert alert-info alert-dismissible fade show">
Alert <a href="#" class="alert-link">Read this message</a><button class="close" data-dismiss="alert"> Close </button>
</div>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"></script>
</body>
</html>
After experimenting with the code, I noticed that removing the alert-dissmissible class from the div doesn't affect the functionality of the alert box. It still remains dismissible even without it. This raised a question in my mind about the purpose of the alert-dissmissible class. Why is it there if the alert box is dismissible without it?