Hey there! I'm looking to align the divs with class="form-group" so that their labels are on top, rather than inline with the fields. Currently, they are stacking on top of each other like this:
https://i.sstatic.net/rNoS3.jpg
I want them to appear like this: https://i.sstatic.net/7nXB1.jpg
Below is the code snippet I am working with:
<div class="container">
<br />
<div class="row">
<div class='col-sm-3'>
<form class="form-inline">
<div class="form-group">
<label for="date">DATE</label>
<div class='col-sm-8 input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</div>
</div>
<div class="form-group">
<label for="date">DATE 2</label>
<div class='col-sm-8 input-group date' id='datetimepicker1'>
<input type='text' class="form-control" />
<span class="input-group-addon"><span class="glyphicon glyphicon-calendar"></span>
</div>
</div>
</form>
</div>
</div>
</div>