小 space 在 form-groups 之间的 bootstrap 中丢失

the small space is missing in bootstrap between form-groups

在我的网站上,表单组之间缺少 space。 但是我正在使用 bootstrap-sass gem 并且 Chrome 控制台没有显示任何错误。 我还尝试使用 bootstrap.min.css 而不是 bootstrap-sass。 space 也不见了。

我还将我站点的表单组的 css 属性与 bootstrap 示例站点中的表单组进行了比较,我发现它们相似。

什么会导致失踪 space? (两种情况下的水平边距均为 0。)

https://github.com/orbanbotond/bootstrap_exercise http://bootstrap-exercise.herokuapp.com

space 是由 属性 inline-block 生成的,通常您想 avoid that space 使用以下一些技术:

  • font-size 设置为 0。
  • 通常设置负边距 margin-right:-4px

但在这种情况下,由于您没有添加任何额外的 CSS,我猜您正在删除 HTML 标签之间的 space,例如:

<div class="form-group"></div><div class="form-group"></div>

而不是

<div class="form-group"></div>
<div class="form-group"></div>

这将删除 inline-block 元素之间的 space。

勾选这个BootplyDemo