2017-10-06 1 views
0

에서 작동하지 않습니다 계속 :부트 스트랩 그리드 시스템은 내가 좋아하는 양식을 정의 모달 대화 상자에서 모달 대화

<div class="modal-body"> 
 
    <form class="form-horizontal"> 
 
     <div class="form-group"> 
 
      <div class="row"> 
 
       <label for="name" class="col-md-2 control-label">Name</label> 
 
       <div class="col-md-9"> 
 
        <input type="text" class="form-control" id="name"/> 
 
       </div> 
 
       <div class="col-md-1 text-left"> 
 
        <span class="invalid-icon" title="Error!"></span> 
 
       </div> 
 
      </div> 
 
     </div> 
 
    </form> 
 
</div>

마지막 열의 아이콘이 모달 대화 밖에 있습니다. 스크린 샷을 참조하십시오. 어떤 생각? 난 단지 11 열을 정의하고 내가 아홉 번째 열에서 입력 텍스트 옆에있는 범위를 추가하는 경우

enter image description here

, 그것을 작동합니다. 12 열을 정의하면 왜 작동하지 않습니까?

+0

설정 어두운 계층에서보고 될 필요가 디스플레이 없음 – veera

+1

'.form-group'과'.row' 모두 15px 음수 여유를 주며'div.row'를 제거하십시오. – tmg

+0

@ SandeepC.Nath'.form-horizontal'의 자식 인 경우 수행합니다. '.form-horizontal .form-group { margin-right : -15px; margin-left : -15px; }' – tmg

답변

0

2 COL-MD-

<div class="col-md-2"> 
<label for="name" class="control-label">Name</label> 
</div> 

도 대신 오류 DIV 보이지 않게 함께 DIV에 라벨을 시도 형태의 수평도 NG 모달 뒤에

+0

이전과 같은 효과가 없습니다. – MrScf

관련 문제