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"