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

從Bootstrap 3 中的列元素中刪除填充

問題：

在Bootstrap 3 中，您想要消除填充或col-md-*元素周圍的邊距，以確保它們無縫貼合，而不需要任何額外的空間

HTML 代碼：

<div class="col-md-12">
    <h2>OntoExplorer.<span>

解決方案1：使用行換行

通常，您應該使用.row包圍多個列，而不是將它們嵌套在單一 .col-md-12 中。透過使用 .row，您可以避免巢狀列引入不必要的邊距和填充。

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>

解決方案2：新增自訂樣式

如果第一個解決方案確實如此還不夠，您可以建立一個自訂類別來刪除填充和邊距明確地。

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

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

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

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