JSFiddle - React, Tailwind, and code Playground
by Thomas
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css">
<div class="1">
<button type="button" class="btn btn-danger"></button>
<button type="button" class="btn btn-danger"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-danger"></button>
<button type="button" class="btn btn-danger"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-primary"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-danger"></button>
<button type="button" class="btn btn-danger"></button>
</div>
<div class="2">
<button type="button" class="btn btn-default">D</button>
<button type="button" class="btn btn-default">r</button>
<button type="button" class="btn btn-danger">a</button>
<button type="button" class="btn btn-danger">w</button>
<button type="button" class="btn btn-default"></button>
<button type="button" class="btn btn-default">t</button>
<button type="button" class="btn...
CSS
button{
font-family: monospace;
}
button:empty:before{
content: ".";
display: inline-block;
visibility: hidden;
}