부트 스트랩 양식 col-lg-

Question

을 제외한 그리드 시스템에서 입력이 작동하지 않습니다. 샘플 코드는 다음과 같습니다.

http://www.bootply.com/lHB0p7sBFI

는 기본적으로 입력 텍스트 상자 대형 스크린 모드에서 완벽하게 작동하지만, 나는 MD, SM, 또는 XS에 웹 브라우저를 축소하면 내가 클릭 한 후 나는 텍스트를 입력 할 수있는 입력 상자의 모든 기능을 상실 상자.

Answer 1

두 번째 div가 첫 번째 division에서 겹치기 때문입니다. 첫 번째 div의 높이는 단지 1px입니다. 문제를 해결하려면 첫 번째 div에 높이를 제공하거나 중첩 된 div에 col- *를 제거하십시오. 또한

<form method="POST" enctype="multipart/form-data" action="gallery/new/update/"> 
    <div class="col-lg-6"> 
     <div class="form-group"> 
      <label>Title</label> 
      <input type="text" name="title" tabindex="1" autofocus="" class="form-control" required=""> 
     </div>   
    </div> 
    <div class="col-lg-12 text-center"> 
      <button type="submit" name="submit" value="new-update" class="btn btn-primary">Add Gallery Item(s) 
      </button> 
    </div> 
</form> 

의 더 나은 여기 bootply이며, 용기와 행에 * 당신의 col-을 포장합니다.