JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css">
<script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script>
<div class="container">
<div class="row">
<div class="col-md-8">
<div id="viewHours">
<div class="btn-group">
<table>
<tr>
<td><label class="btn btn-default">
<input type="radio" value="08:00" name="optHour" />08:00</label></td>
<td><label class="btn btn-default">
<input type="radio" value="08:30" name="optHour" />08:30</label></td>
<td><label class="btn btn-default">
<input type="radio" value="09:00" name="optHour" />09:00</label></td>
<td><label class="btn btn-default">
<input type="radio" value="09:30" name="optHour" />09:30</label></td>
<td><label class="btn btn-default">
<input type="radio" value="10:00" name="optHour" />10:00</label></td>
<td><label class="btn btn-default">
<input type="radio" value="10:30" name="optHour" />10:30</label></td>
<td><label class="btn btn-default">
<input type="radio" value="11:00" name="optHour" />11:00</label></td>
</tr>
<tr>
<td><label class="btn btn-default">
<input type="radio" value="11:30" name="optHour" />11:30</label></td>
<td><label class="btn btn-default">
<input type="radio" value="13:00" name="optHour" />13:00</label></td>
<td><label class="btn btn-default">
<input type="radio" value="13:30" name="optHour" />13:30</label></td>
<td><label class="btn...
CSS
#viewHours .btn-group>.btn {
border-radius: 0
}