JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<a href="#" class="link-alert">alert show</a>

<div class="alert alert-success">
Успешно
</div>

JavaScript

$(document).ready(function() {  
  $(".alert-success").hide();
  $(".link-alert").click(function showAlert() {
    $(".alert-success").alert();
    $(".alert-success").fadeTo(5000, 300).fadeIn(300, function() {
      $(".alert-success").fadeOut(300);
    });
  });
});