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="form-inline">
<div class="form-group col-xs-4">
<input class="form-control" id="id_current_case_count" min="0" name="current_case_count" type="number" />
</div>
<div class="form-group col-xs-4">
<input class="form-control" id="id_case_count_uncertainty" min="0" name="case_count_uncertainty" type="number" />
</div>
<div class="form-group col-xs-4">
<select class="form-control" id="id_case_count_interval" name="case_count_interval">
<option value="weekly">per week</option>
...
CSS
.form-inline .form-group {
margin-left: 0;
margin-right: 0;
}