輸入附加類導致顯示錯誤

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