JSFiddle - React, Tailwind, and code Playground
by pricejt
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">
<form name="form1" class="form-horizontal" style="overflow:auto" method="post">
<div class="form-group">
<label class="control-label col-xs-2" for="Repeats">Repeats: </label>
<div class="col-xs-4">
<Select name="Repeats" id="Repeats" class="form-control">
<option value="weekly">Weekly</option>
<option value="monthly">Monthly</option>
</Select>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-2" for="RepeatEvery">Repeats Every: </label>
<div class="col-xs-4">
<select name="RepeatEvery" id="RepeatEvery" class="form-control">
<option value="1">1</option>
<option value="2">2</option>
<option value="3">3</option>
<option value="4">4</option>
<option value="5">5</option>
<option value="6">6</option>
<option value="7">7</option>
<option value="8">8</option>
<option value="9">9</option>
<option value="10">10</option>
</select>
</div>
<div class="col-xs-2 col-sm-2 col-md-2 col-lg-2">
<label>Weeks</label>
</div>
</div>
<div class="form-group">
<label class="control-label col-xs-2">Repeat On: </label>
<div class="col-xs-4">
<input type="checkbox" class="checkbox-inline" name="sunday" id="sunday" title="Sunday" /> S
<input type="checkbox" class="checkbox-inline" name="monday" id="monday" title="Monday" /> M
<input type="checkbox" class="checkbox-inline" name="tuesday" id="tuesday" title="Tuesday" /> T
<input type="checkbox" class="checkbox-inline" name="wednesday" id="wednesday" title="Wednesday" /> W
<input type="checkbox" class="checkbox-inline" name="thursday" id="thursday" title="Thursday" /> T
<input type="checkbox" class="checkbox-inline" name="friday" id="friday" title="Friday" /> F
<input type="checkbox" class="checkbox-inline"...