JSFiddle - React, Tailwind, and code Playground

HTML

<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<script src="http://netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<body>
    <div class="container">
        <h2>Dismissal Alert Messages</h2>
        <button>Send Message</button>
        <div class="alert alert-success alert-dismissable">
    <button type="button" class="close" data-dismiss="alert" aria-hidden="true">&times;</button>
            Success! message sent successfully.
        </div>

    </div>
</body>

CSS

.alert{
    display: none;
}

JavaScript

$(document).ready(function(){
    $('button').click(function(){
        $('.alert').show()
    }) 
});