如何在 Bootstrap 中添加行之间的垂直间距而不修改行类？

在 Twitter Bootstrap 中添加行之间的垂直间距

Bootstrap 的行类对于页面结构至关重要。但是，在需要行之间有额外上边距的情况下，修改行类本身是不明智的。

解决方案：创建一个自定义类

相反，创建一个自定义类，例如“top-buffer”，可以实现此效果。这种方法避免干扰核心 Bootstrap 框架，并允许仅在必要时灵活地添加上边距。

CSS 声明：

<code class="css">.top-buffer {
  margin-top: 20px;
}</code>

HTML 实现:

将“top-buffer”类应用于需要上边距间距的特定行。

<code class="html"><div class="row top-buffer">...</div></code>

此解决方案提供了一种更清晰、更有针对性的方法来添加垂直间距行之间，同时保持 Bootstrap 网格系统的完整性。

以上是如何在 Bootstrap 中添加行之间的垂直间距而不修改行类？的详细内容。更多信息请关注PHP中文网其他相关文章！