如何在不修改「row」類別的情況下為 Twitter Bootstrap 中的行新增上邊距？

在 Twitter Bootstrap 中向行添加上邊距

Twitter Bootstrap 框架提供了一種創建響應式佈局的便捷方法。但是，有時您可能需要向行元素添加額外的上邊距。雖然修改現有的「row」類別很誘人，但不建議這樣做，因為這可能會導致與框架的核心樣式發生衝突。

解決方案：

而不是修改「row」類，建立一個名為「top-buffer」的新類別來新增所需的邊距。操作方法如下：

1. 在CSS 檔案中加入以下程式碼：

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

2. 將「top-buffer」類別套用於要新增上邊距的行元素：

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

透過建立單獨的類，您可以定位特定行，同時保留「row」類在其他情況下的預設行為。這種方法保持了 Bootstrap 框架的完整性，同時讓您可以根據需要自訂佈局。

以上是如何在不修改「row」類別的情況下為 Twitter Bootstrap 中的行新增上邊距？的詳細內容。更多資訊請關注PHP中文網其他相關文章！