如何在 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中文網其他相關文章！