首頁 > web前端 > css教學 > 如何從 Bootstrap 3 列中刪除填充和邊距?

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

DDD
發布: 2024-12-15 19:02:10
原創
618 人瀏覽過

How to Remove Padding and Margin from Bootstrap 3 Columns?

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

來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板