Question

我在Bootstrap中有一个内联表单。在某个分辨率（高于768px，之后窗体全部垂直，默认情况下），其中一个输入元素转到下一行。然后，在那之后，（也高于768px）另一个元素下降。

这就是事情：我希望能够控制第一个和第二个元素发生故障时会发生什么。例如，我想在第一个元素中添加一个margin-top。有没有办法在Bootstrap中实现这一目标？到目前为止，我唯一尝试的是a）检测特定元素到达下一行的确切像素宽度b）在媒体查询中写入CSS，例如：

@media (max-width: 1205px ) and (min-width: 768px) {
    .mg-up {
    margin-top: 10px;
  }
}

或许另一种解决办法是让它们保持小而使它们水平适合，直到768px？

Answer 1

不，因为CSS属性是由媒体查询决定的。根据媒体查询应用保证金似乎是合理的事情，如果我遇到这个问题，我会自己做的事情。

很少有建议：

将margin媒体查询规则与媒体查询共同定位表单输入元素的内联/块行为。这是为了提醒您（和其他人一起工作）他们是相关的。如果默认情况下它们是Bootstrap的一部分，那么就忘了它。
如果您正在使用Sass，请从$grid-breakpoints（在Bootstrap 4中）中读取_variables.scss变量并使用该值，以便两种样式行为保持同步。