引导列包装上应该完全适合在线的移动设备

Question

我有一堆应该完全适合在线.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不带标签和字段内嵌要么而且几乎总是工作。

Answer 1

问题解决了！自举经由display: table放置为0x0像素::before伪元素的每一行内，并以某种方式虽然应该没有的尺寸，这是造成的列来包装。强制是假到我的表单中display: none现在一切正常显示。