Bootstrap网格错误？

Question

我已成功确定代码中的错误.我必须说,真的很奇怪.当然,在有人说google之前,我有hehehe.我只是想知道这是不是一个bug,或者是否有一些解决方案.

我有一个表单,我想编辑一些内容并将其发送到服务器.问题是,当我尝试聚焦一个领域(点击它)时,我做不到.由于某种原因它被禁用.不仅是输入,还包括选择框和复选框.但是,如果我改变div的类,将textarea作为其子项从col-sm-12更改为col-sm-11,那么就可以正常工作.现在我不想使用大小为11的列,其他一切都可以是12.看起来很奇怪.

这是我的代码:

<form>
    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-6">
        <label for="title" >Title</label>
    <input type="input" name="title" class="form-control" value="<?php echo $article['title'] ?>">
    </div>
    ...
    ...
    <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <label for="content" >content</label>
        <textarea name="content" class="form-control" rows="3"><?php echo $article['content'] ?></textarea>
    </div>
    <div class="form-group col-xs-12 col-sm-6 col-md-6 col-lg-2">
        <input type="submit" name="submit" class="btn btn-success form-control" value="Save!"/>
    </div>
...
</form>

有人对这个有了解吗？

Answer 1

我今天遇到过这个问题.文本输入不会集中于单击,并且clearfix div不起作用.

解决方案是将每个col-xx-x包装在一个带有.row类的div中.例如:

<div class="row">
    <div class="form-group col-xs-12 col-sm-12 col-md-12 col-lg-12">
        <label for="content" >content</label>
        <textarea name="content" class="form-control" rows="3"></textarea>
    </div>
</div>