Twitter bootstrap 3 Bootstrap 3表单字段在手机上不显示大

Twitter bootstrap 3 Bootstrap 3表单字段在手机上不显示大,twitter-bootstrap-3,jinja2,wtforms,flask-wtforms,Twitter Bootstrap 3,Jinja2,Wtforms,Flask Wtforms,我的手机显示屏有问题。我希望表单输入显示非常大的输入栏。它可以在桌面上显示,任何大小的窗口都可以。但是第二次我在移动设备上看到它,如果它是垂直的,那么表单输入就没有那么大了,你必须放大才能看到它。但当我把手机水平转动的时候,它显示的很好 <div class="container-fluid"> <div class="row"> <div class="col-xs-8 col-sm-8 col-lg-8 center-block">

我的手机显示屏有问题。我希望表单输入显示非常大的输入栏。它可以在桌面上显示,任何大小的窗口都可以。但是第二次我在移动设备上看到它,如果它是垂直的,那么表单输入就没有那么大了,你必须放大才能看到它。但当我把手机水平转动的时候,它显示的很好

<div class="container-fluid">
    <div class="row">
        <div class="col-xs-8 col-sm-8 col-lg-8 center-block">
            <form action="{{url_for('check')}}" method="POST">
            {{ form.url(placeholder=form.url.description, class="form-control input-lg") }}
            </form>
        </div>
    </div>
</div>

{{form.url(占位符=form.url.description,class=“form control input lg”)}

您可以使用class
col-xs-12
使输入字段占据整个可用宽度


过了一会儿,我终于明白了。标题中缺少此项

<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">


我试过这个,但出于某种原因,它仍然显示非常小。你能发布一个截图吗?用于大屏幕和小屏幕。还可以尝试使用
,我认为这可能是Galaxy note 2显示器特有的。因为我尝试使用的每一个网站来检查响应性似乎都表明它加载了很好的Size,所以我得到了它发布的答案。感谢您在调试过程中的帮助不客气,下次请不要错过任何东西,制作一个JSFIDLE或代码片段来支持您的问题。我很惊讶您在5年内没有对此投任何赞成票。谢谢你的解决方案。我也很惊讶。。。谢谢你帮我节省了几个小时来搜索这个