输入附加类导致显示错误

Question

我想创建一个日期下拉字段的表单，并让它很好地内联显示。该字段是在不使用输入追加细但有困难时，我做 -

这是代码

<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> 

这是结果。

正如你可以看到输入字段是对齐使用从颜色除了站在这里的自举一些reason-进出口权。也许有更深层次的推知知识的人可能会指出我出错的地方？

Answer 1

您的.controls div和.input-append div是相同的div。尝试从该div中移除input-append类，然后将输入和span包装在只有的div中。