Twitter引导用户-如何处理各种垂直定位/间距？

Question

我使用Twitter Bootstrap与SASS。我使用前者主要是为了它的网格，并努力避免将内联样式的属性添加到行中，作为控制垂直行间距的一种手段，因为这...

.margin-top-15 {
  margin-top: 15px;
}

. . . 基本上相当于。

<div style="margin-top: 15px;"></div>

不好的。你们中有没有人提出过一个处理垂直定位/间距的系统，它不包含任何类似于上述的内容？

Answer 1

如果子项在中。列-*-*在内。行周围有一个p、h1-h6、ul、ol表格，您不需要任何东西：

https://jsbin.com/bojeje/1/edit

Bootstrap的CSS在p、h1-h6、form、ul、ol、table（我想）上有上下边距。小组，以及。好最后两个可能只是下页边距，您应该查看未打包的CSS以了解您正在使用的内容。

如果情况并非如此，则可以设置“最大宽度”（这样就不会影响较大的视口样式，而必须将其撤消）。

@media (max-width:767px) {

    .row {margin-top:5%;}

}

即使在嵌套的. row情况下使用百分比或em看起来也不错。