bootstrap-notify

by suhail

HTML

<script src="https://cdnjs.cloudflare.com/ajax/libs/mouse0270-bootstrap-notify/3.1.3/bootstrap-notify.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/mouse0270-bootstrap-notify/3.1.3/bootstrap-notify.js"></script>
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/css/bootstrap.min.css">
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.4.0/js/bootstrap.bundle.min.js"></script>
<div class='notifications bottom-right'></div>

JavaScript

$(document).ready(function() {
  $.notify({
    // options
    message: "For more details click <a href ='https://mid.as/kb/00103/enable-disable-or-clear-web-storage-cache' target='_blank'>here</a>"
  }, {
    // settings
    type: 'danger'
  });
});