JSFiddle - React, Tailwind, and code Playground

HTML

<script src="http://ajax.aspnetcdn.com/ajax/knockout/knockout-3.1.0.js"></script>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="alert alert-warning alert-dismissible" data-bind="visible:showAlert">
   <button type="button" class="close" data-bind="click: function () {showAlert(false);}">
        <span aria-hidden="true">&times;</span>
        <span class="sr-only">Close</span>
   </button>
   Warning! Better check yourself, you're not looking too good.
</div>

CSS

.alert{
    width:450px;
}

JavaScript

$(document).ready(function () {   
    ko.applyBindings({showAlert: ko.observable(true)});
});