我有一个具有两列布局的表单。在每一列中，我都有一个标签，标签正下方带有输入文本元素。
当我在移动设备上查看时，它是响应式的，但它只会使输入框变小，并停留在两列上。我想要它做的是切换到单列布局。标签，下面是输入元素，然后是下一个标签，依此类推。
我可以使用媒体 css 设置根据屏幕大小显示两种不同的表单，但是我有两个相同表单的副本。我试图避免维护两个单独的副本。
有没有办法做到这一点？
添加页面的一些示例 HTML，很可能您只需要添加额外的 div 类，例如
<div class="col-md-2 col-sm-12"> </div>
在中型设备上将 div 显示为 2 列，在小型显示设备上将 div 显示为 12 列。
检查链接尝试向下调整窗口大小，您会看到 div 跳转到填充页面。
本文收集自互联网，转载请注明来源。
如有侵权，请联系[email protected] 删除。
我来说两句