小 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
在我的网站上,表单组之间缺少 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