如何從 Bootstrap 3 列中刪除填充和邊距？

如何從Bootstrap 3 列中刪除填充

在Bootstrap 3 中，使用col-md-* 類別在右側添加填充和邊距和列的左側。要刪除此填充和邊距，請按照以下步驟操作：

使用.row 而不是.col-md-12

將列包裝在.row 容器中而不是.col-md-12 容器。 .row 沒有 .col-md-12 所具有的額外邊距和內邊距。

<div class="container">
    <div class="row">
        <div class="col-md-4">...</div>
        <div class="col-md-8">...</div>
    </div>
</div>

新增自訂類別以刪除內邊距和邊距

如果您只想刪除特定列的填充和邊距，請向這些列新增自訂類別。

<div class="container">
    <div class="row">
        <div class="col-md-4 nopadding">...</div>
        <div class="col-md-8 nopadding">...</div>
    </div>
</div>

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

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