html - Bootstrap 表单组的响应式使用

Question

我对 bootstrap 的 form-group 类有问题

关于 https://jsfiddle.net/oursgris/7s2pgthy/#&togetherjs=9SHsiHc4oj

我提取了问题

当我是带有该代码的小型或中型设备时。 “Statut”和“Etat”之间的线更小，因为我不使用 form-group 类。

在中型设备上我得到了想要的结果(也很大)

当我添加

<div class="form-group">

在statut和etat之间，有from-group的空间(15px的margin-bottom)

https://jsfiddle.net/oursgris/t4dt9avw/embedded/result/

但在那种情况下，md 和 large 添加了一行，我该如何纠正这种行为？我想我误用了一个 css 类

Answer 1

在查看您的 JFiddle 之后，我注意到您的表单存在一些问题，例如 form-group 类的不当使用。我还修改了您的类(class)以获得我认为您正在寻找的所需 View 。如果您要寻找的只是贯穿所有 View 的内联表单，那么您所要做的就是远离 12 跨度类。

我计算出一个 DEMO在代码笔中为你

附注您不需要那个空列 div(除非您使用它通过 JQuery 以编程方式显示其中的内容。除此之外，使用 form-group 负责将标签和输入字段隔离在它自己的行中。