表单组之间的引导程序中缺少小空间

Question

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

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

什么可能导致丢失的空间？ （两种情况下的水平边距均为0.）

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

Answer 1

该空间由属性inline-block生成，通常您希望avoid that space使用以下某些技术：

• 将font-size设为0。
• 通常设置负余量margin-right:-4px

但是在这种情况下，因为你没有添加任何额外的CSS，我想你正在删除HTML上标签之间的空格，如：

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

而不是

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

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

选中此BootplyDemo