Bootstrap表单输入在网格系统中不起作用，除非col-lg-

Question

以下是示例代码;

http://www.bootply.com/lHB0p7sBFI

基本上输入文本框在大屏幕模式下工作得很好，但是如果我将网页浏览器缩小到md，sm或xs，我会丢失输入框的所有功能，在单击该框后我无法输入文本。

Answer 1

那是因为第二个div与第一个分区重叠。第一个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>

最好将col- *包装到容器和行中，这里是bootply。