부트 스트랩 2.0.2 - 입력 추가 공백

Question

부트 스트랩 버전을 2.0.2로 업그레이드했으며이 업데이트로 인해 입력 - 추가/추가 기능 구조가 깨졌습니다.

바이올린 : 제거

모든 IE7의 해킹 및 .input - APPEND 그러나이 보장하도록 요구-.input 앞에 추가 및 에서 수레 : http://jsfiddle.net/AACwG/

2.0.2의 변경점은 말한다 .ad-on과 입력 사이에 공백이 코드에 없습니다. .input-prepend 및 .input-append에 셀렉터를 연결할 때 면에서 추가 기능을 사용할 수있는 기능이 추가되었습니다.

입력 - 추가에 부트 스트랩 예제를 사용했습니다. github의 코드입니다. 왜 그것이 작동하지 않는지 아는가?

부트 스트랩 개발사의 문제 중 하나는 2.0.2-wip에서 해결되었지만 솔루션이 표시되지 않습니다.

Answer 1

입력 그룹이 양식 컨텍스트 내에서만 작동하기 때문에 오류가 발생합니다. 당신은 볼 수 당신이 .controls 클래스 등의 CSS를 볼 때 :

.form-horizontal .controls { 
    margin-left: 160px; 
} 

할 수 있습니다 적절한 용기 내부의 컨트롤 그룹을 포함하여 클래스에 추가하는 대신 .form-horizontal 클래스 또는 간단하여 가짜 그 제약, 과 같이 :

<form class="form-horizontal"> 
    <div class="control-group"> 
     <label for="appendedInput" class="control-label">Appended text</label> 
     <div class="controls"> 
      <div class="input-append"> 
       <input type="text" size="16" id="appendedInput" class="span2"><span class="add-on">.00</span> 
      </div> 
      <span class="help-inline">Here's more help text</span> 
     </div> 
    </div> 
</form> 

고정 바이올린 : 나를 위해 http://jsfiddle.net/AACwG/2/

Answer 2

수정은 내가 사용하는 프레임 워크 (web2py) 다른 스타일 시트에서 방해 한 입력에 추가 마진 오른쪽을 제거하는 것이었다.

<form class="form-horizontal"> 
     <div class="control-group"> 
      <label for="appendedInput" class="control-label">Appended text</label> 
      <div class="controls"> 
       <div class="input-append"> 
        <input type="text" size="16" id="appendedInput" class="span2" style="margin-right: 0px"><span class="add-on">.00</span> 
       </div> 
       <span class="help-inline">Here's more help text</span> 
      </div> 
     </div> 
    </form>