1

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

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

这是我的代码:

<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>

有人对这个有了解吗?

4

4 回答 4

8

我今天遇到了这个问题。文本输入不会专注于点击,并且 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>
于 2013-09-24T22:45:59.470 回答
0

我遇到了同样的问题。.clearfix 或将每个 col-xx-x 包装在带有行类的 div 中都不起作用。然而,将表单标签包装在包含行类的 div 中确实解决了这个问题。

<div class="row">
  <form>
    .
    .
    .
  </form>
</div>            
                

于 2014-11-04T20:41:23.700 回答
0

我有同样的问题,添加 div 行后仍然无法工作。我将此代码添加到样式 css 以解决问题:

.col-md-12{ 
    width: 100% !important; 
}

添加到所有 col-xx-12

于 2016-10-17T03:18:38.633 回答
0

问题是存在与输入控件重叠的 div 或其他一些元素。即使您无法单击它,您也应该能够切换到输入元素。尝试访问这个 stackoverflow 帖子:Bootstrap 3 form not working on mobile devices

于 2017-06-13T20:43:07.887 回答