>Hi everybody,
>
>I have a form with class='form-horiontal'. Inside this form I have 2 time-pickers classes and they are shown one above the other. I want to place them in one line and also have a little space beneath for the next control. Here is how the form looks in IE11 (see attached).
>
>UPDATE. Never mind. I got rid of End Time label and change it to Time Range and got the controls aligned correctly. With the second label it didn't work.
You didn't show the markup but I think the standard solution is to wrap the items in a grid row:
<form class="form-horizontal">
<div class="container">
<div class="row">
<div class="col-xs-3">
Start Time:
</div>
<div class="col-xs-3">
First Datepicker
</div>
<div class="col-xs-3">
End Time:
</div>
<div class="col-xs-3">
Second Datepicker
</div>
</div>
</div>
</form>
(adjusting the spans as ness.).