如何在bootstrap形式中修复这个奇怪的填充？

Question

<form class="form-inline">
    <div class="form-group">
        <div class="input-daterange input-group" id="datepicker">
            <label>From:</label>
            <input type="text" class="input-sm form-inline" name="start" />
            <span class="input-group-addon"><i class="fa fa-calendar fa-lg" aria-hidden="true"></i></span>
        </div>
    </div>
    <div class="form-group">
        <div class="input-daterange input-group" id="datepicker">
            <label>To:</label>
            <input type="text" class="input-sm form-inline" name="end" />
            <span class="input-group-addon"><i class="fa fa-calendar fa-lg" aria-hidden="true"></i></span>
        </div>
    </div>
</form>

当我为输入更改class =“form-control”时，它会没问题，但它也会改变整个表单的大小：（

Answer 1

解：

.so