Twitter bootstrap 输入附加类导致显示错误

我正在尝试创建一个带有日期下拉字段的表单，并将其很好地内联显示。该字段在不使用输入附加的情况下很好，但在执行以下操作时出现问题-

这是密码

<div class="control-group">
            <label class="control-label" for="title">
                <a data-toggle="collapse" data-target="#collapse_date">
                    Add a date
                </a>
            </label>
            <div id="collapse_date" class="controls collapse input-append date form_datetime" data-date="2013-09-16T05:25:07Z" data-date-format="dd MM yyyy - hh:ii" data-link-field="dtp_input1" >

                    <input size="16" type="text" value="" readonly><span class="add-on"><i class="icon-th"></i></span>

            </div>
        </div>

添加日期

这就是结果

---

正如你所看到的，由于某种原因，输入字段向右对齐-除了颜色之外，我在这里使用了stand boostrap。也许对boostrap有更深入了解的人可以指出我的错误所在？

您的

。控件
div和
。input append
div是同一个div。尝试从该div中删除
input append
类，并将input和span包装在唯一类为
input append
的div中