我有一个具有两列布局的表单。在每一列中，我都有一个标签，输入文本元素直接位于标签下。
当我在移动设备上查看时，它是响应式的，但它只是使输入框变小，并保持在两列。我想要它做的是切换到单列布局。标签，下方有输入元素，然后是下一个标签，依此类推。
我可以根据屏幕尺寸和媒体css设置显示两种不同的表单，但是我有两份相同的表单。我试图避免保留两份单独的副本。
有没有办法实现这个目标？
答案 0 :(得分：1)
添加页面的一些示例HTML，很可能只需要添加额外的div类，例如
<div class="col-md-2 col-sm-12"> </div>
在中型设备上显示div为2列，在小型显示设备上显示12列。
检查链接尝试调整窗口大小，然后看到div跳转到填充页面。