移动设备上的Bootstrap错误或浏览器呈现问题?

时间:2014-10-30 11:19:13

标签: android iphone mobile twitter-bootstrap-3

几分钟前在Yii遇到这个问题,但无论如何,它的引导程序(3.2)有关:

<div class="row col-xs-12">
    <?php echo $form->textField($model, 'email', array('size' => 60, 'maxlength' => 255, "class" => "form-control input-lg", "placeholder" => "Your E-mail")); ?>
    // or, in plain html:
    <input class="form-control input-lg" name="email" size="60" maxlength="255" placeholder="Your E-Mail">
</div>

我在iPhone,Android上测试过它 - 无法点击输入框 昨天BS 3.3发布但仍然存在同样的问题

有人有过类似的问题吗?

3 个答案:

答案 0 :(得分:0)

以下是解决方案:
看起来添加col-xs-12(col-md-X,col-sm-X,无论如何)都是问题,在删除它后,#34;层#34;在输入控件上创建消失了。

答案 1 :(得分:0)

class="row col-xs-12"无效。您不能将rowcol-*放在同一元素上 见https://github.com/twbs/bootlint/wiki/E005

答案 2 :(得分:0)

这个怎么样?

<div class="row">





    <div class=" col-xs-12">
Code goes here
</div>
</div>