Bootstrap встроенные метки и ввод - все метки появляются слева

Question

Я пытаюсь получить встроенную строку label1: input1a input1b Label2: input2a input2b. Однако это выглядит как метка1: метка2: вход1а вход1b вход2а вход2b (т. Е. Обе метки появляются перед входами).

<div class="blueBorder container-fluid col-lg-12 col-md-12 col-sm-12 col-xs-12">
    <div class="form-inline">
        <label for="addFromDate" class="col-lg-2 col-md-3 col-sm-3 col-xs-12 col-form-label">From:</label>
        <div class="input-group date col-lg-2 col-md-9 col-sm-9 col-xs-12 padding-0" id="datepicker1">
            <input type="text" class="form-control" id="addFromDate" name="addFromDate" placeholder="DD/MM/YYYY">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
        <div class="input-group col-lg-1 col-md-9 col-sm-9 col-xs-12 padding-0">
            <input type="text" class="form-control" id="addFromTime" name="addFromTime" placeholder="00:00">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-time"></span>
            </span>
        </div>

        <label for="addToDate" class="text-right col-lg-2 col-md-3 col-sm-3 col-xs-12 col-form-label">To:</label>
        <div class="input-group date col-lg-2 col-md-9 col-sm-9 col-xs-12 padding-0" id="datepicker2">
            <input type="text" class="form-control" id="addToDate" name="addToDate" placeholder="DD/MM/YYYY">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-calendar"></span>
            </span>
        </div>
        <div class="input-group col-lg-1 col-md-9 col-sm-9 col-xs-12 padding-0">
            <input type="text" class="form-control" id="addToTime" name="addToTime" placeholder="00:00">
            <span class="input-group-addon">
                <span class="glyphicon glyphicon-time"></span>
            </span>
        </div>
    </div>
</div>