JSFiddle - React, Tailwind, and code Playground

by azhari

HTML

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js"></script>
<br >
<div class="container">
        <div class="alert alert-success">
             <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
             Pesan yang di tampilkan Sukses
        </div>
        <div class="alert alert-info"> 
             <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
             Pesan yang di tampilkan Info
        </div>
        <div class="alert alert-warning">
             <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a>
             Pesan yang di tampilkan Warning 
        </div>
        <div class="alert alert-danger">
             <a href="#" class="close" data-dismiss="alert" aria-label="close">&times;</a> 
             Pesan yang di tampilkan Danger
       </div>
</div>