bootstrap表单布局，输入框和图标对齐处理

Question

1.先看截图图片描述想让输入框的左边和保持一条直线右边也保持一条直线2.使用的是bootstrap的静态框代码如下：                                <div class="form-group">                                    <label for="task_begintime" class="col-sm-3 control-label">开始时间</label>                                    <div class="col-sm-9 input-group date " id="datepicker1" >                                    <input type="text" class="form-control" id="task_begintime" name="task_begintime">                                        <span class="input-group-addon col-sm-1">                                            <i class="glyphicon glyphicon-calendar"></i>                                        </span>                                    </div>                                </div>                                <div class="form-group">                                    <label for="task_endtime" class="col-sm-3 control-label">结束时间</label>                                    <div class="col-sm-9">                                        <input type="text" class="form-control" id="task_endtime" name="task_endtime">                                    </div>                                </div>4.不太了解bootstrap的长度设置以及相对关系，遇到过的朋友，欢迎给个提示

Answer 1

一个 class 影响 "input-group"