JSFiddle - React, Tailwind, and code Playground
HTML
<script src="//netdna.bootstrapcdn.com/bootstrap/3.1.1/js/bootstrap.min.js"></script>
<link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
<div class="container">
<div class="row">
<div class="col-lg-4">
<form class="form-horizontal" action="." method="GET" role="form">
<div class="form-group">
<label class="col-lg-2 control-label" for="id_disease" data-placement="top" data-toggle="tooltip" title="Choose a disease of interest.">Disease</label>
<div class="col-lg-10">
<select class="form-control" id="id_disease" name="disease">
<option value="">---------</option>
<option value="2" selected="selected">Cholera</option>
<option value="1">Foot And Mouth Disease</option>
</select>
</div>
</div>
<div class="form-group">
<label class="col-lg-2 control-label" for="id_current_case_count" data-placement="top" data-toggle="tooltip" title="How many cases have you seen?">Cases</label>
<div class="col-lg-10">
<div class="content row">
<div class="col-xs-3" style="padding-right: 5px;">
<input class="form-control" id="id_current_case_count" min="0" name="current_case_count" type="number" />
</div>
<div class="col-xs-3" style="padding-right: 5px;">
<input class="form-control" id="id_case_count_uncertainty" min="0" name="case_count_uncertainty" type="number" />
</div>
<div class="col-xs-6">
<select class="form-control" id="id_case_count_interval"...
CSS
.form-inline .form-group {
margin-left: 0;
margin-right: 0;
}