如何消除 Bootstrap 3 列中的額外填充？

如何在Bootstrap 3 中刪除填充

目前的問題涉及刪除col-md-* 列的左右填充Bootstrap 3. 提供的HTML程式碼包含兩個巢狀列，但結果包括兩側的額外間距

期望的輸出

目標是消除多餘的空間並使列彼此相鄰。

解

問題是因為使用 .col-md-12 作為父容器列。 .col-md-12 本質上是一列，而不是一行，因此繼承了自己的邊距和填充。要解決此問題，必須將列包裝在.row 類中，如下所示：

<div class="container">
    <div class="row">
        <h2>

其他選項

如果所需結果是消除所有邊距和填充，添加一個類別來覆蓋子列的這些樣式：

.nopadding {
padding: 0 !important;
margin: 0 !important;
}

以上是如何消除 Bootstrap 3 列中的額外填充？的詳細內容。更多資訊請關注PHP中文網其他相關文章！