我有一堆应该完全适合在线.col-xs-3
和.col-xs-9
列。他们这样做的桌面上,即使有窄至300像素及以下媒体查询,但是当我查看实际的移动设备(包括最新型号的iPhone)上的页面,列换行。
你可以在这里看到我的网页:https://affordable-healthcare-plans.org/p/signup-4.php
我到目前为止已经试过
我已经开始在那里我禁用flex-wrap: wrap
对行的方法,但,由于自举的大小应该是完全匹配的真的不应该是必要的。
编辑
我可以链接到源,但我的问题主要是,我使用的引导与一些自定义的CSS,我不知道这个问题的来源。看起来很好,我对老款车型。
我的一些片断:
.form-contain .col-md-6 .row {
display: flex;
flex-wrap: wrap;
width: 100%;
align-items: center;
}
.row > label {
text-align: right;
white-space: nowrap;
position: relative;
left: -15px;
display: flex;
justify-content: flex-end;
}
添加white-space: nowrap
不带标签和字段内嵌要么而且几乎总是工作。
问题解决了!自举经由display: table
放置为0x0像素::before
伪元素的每一行内,并以某种方式虽然应该没有的尺寸,这是造成的列来包装。强制是假到我的表单中display: none
现在一切正常显示。