Twitter Bootstrap - 在行之间添加顶部空间

Question

如何使用 twitter 引导框架将边距顶部添加到 class="row" 元素？

原文由 itsme 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

在 Twitter 引导程序中编辑或覆盖行是一个坏主意，因为这是页面脚手架的核心部分，您将需要没有上边距的行。

为了解决这个问题，创建一个新的类“top-buffer”来添加你需要的标准边距。

 .top-buffer { margin-top:20px; }

然后在需要上边距的行 div 上使用它。

 <div class="row top-buffer"> ...

原文由 Acyra 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

好的，只是为了让您知道当时发生了什么，我按照 Acyra 上面所说的那样使用了一些新类：

 .top5 { margin-top:5px; }
.top7 { margin-top:7px; }
.top10 { margin-top:10px; }
.top15 { margin-top:15px; }
.top17 { margin-top:17px; }
.top30 { margin-top:30px; }

每当我想做的时候 <div class="row top7"></div>

为了更好地响应，您可以添加 margin-top:7% 而不是 5px 例如：D

原文由 itsme 发布，翻译遵循 CC BY-SA 3.0 许可协议