ブートストラップ形式グリッドシステムで入力が機能しないcol-lg-

Question

ここにサンプルコードがあります。

http://www.bootply.com/lHB0p7sBFI

基本的には、入力テキストボックスは、大画面モードで完璧に動作しますが、私は、MD、SM、またはxsにWebブラウザを縮小する場合、私は、入力ボックスのすべての機能を失い、私は上をクリックした後、私は、テキストを入力することはできませんボックス。

Answer 1

これは、2番目のdivが1番目のdivに重なっているためです。最初のdivの高さはちょうど1pxです。この問題を解決するには、最初のdivに高さを指定するか、または入れ子divのcol- *を削除します。コンテナと行に*あなたの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です。