입력 추가 클래스가 표시 오류를 일으키는 경우

Question

날짜 드롭 다운 필드가있는 양식을 만들고 인라인으로 멋지게 표시하려고합니다. 이 필드는 입력 APPEND를 사용하지 않고 미세하지만 난이이 결과 코드

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

이다

을, 뭐하고 때 문제가있다. 당신이 입력 필드를 볼 수 있듯이

는

색상에서 떨어져 여기 부트 스트랩 서 사용하는 몇 가지 이유 - 임에 오른쪽으로 정렬합니다. 어쩌면 부 푸트에 대한 더 깊은 지식을 가진 사람이 내가 잘못 가고있는 것을 지적 할 수 있습니까?

Answer 1

.controls div와 .input-append div는 같은 div입니다. 해당 div에서 input-append 클래스를 제거하고 input-append 인 div 클래스의 입력 및 범위를 래핑 해보십시오.