正确的方法来对齐FromDate和ToDate？

Question

大屏幕

中画面

中画面的预期结果

嗨，我是bootstrap和css的新手。我想在中等大小的屏幕上进行日期和日期的正确对齐。我不知怎的做了，但我认为这不是一个正确的方法。这是我的代码：

 <div class="panel panel-default">
    <div class="panel-heading">
        <div class="row">
            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-9">
                @Html.Label("From Date: ")

                @(Html.Kendo().DatePicker()
                 .Culture("en-GB")
                .Name("selectedFromDate")
                .Format("dd/MM/yyyy")
                .Value(DateTime.Now)
                )
                <label id="ErrorMsgFromDate" style="color:red;"></label>
            </div>

            <div class="col-lg-6 col-md-6 col-sm-6 col-xs-9">
                @Html.Label("To Date: ")
                &nbsp;&nbsp;&nbsp;&nbsp;

                @(Html.Kendo().DatePicker()
                 .Culture("en-GB")
                .Name("selectedToDate")
                .Format("dd/MM/yyyy")
                .Value(DateTime.Now)
                )

                <label id="ErrorMsgToDate" style="color:red;"></label>
            </div>

        </div>

        <div><br /></div>

        <input type="submit" value="Search" id="btnSearch" class="btn" style="font-weight:bold"/>