首頁 > web前端 > css教學 > 如何刪除 Bootstrap 3 列中的多餘填充?

如何刪除 Bootstrap 3 列中的多餘填充?

Susan Sarandon
發布: 2024-12-18 22:58:10
原創
769 人瀏覽過

How to Remove Excess Padding in Bootstrap 3 Columns?

從Bootstrap 3 欄中刪除填充

問題:

在Bootstrap 3 中,列上的填充或邊,列上的填充或邊距過多col-md-* 類別的右側和左側。目標是刪除這個額外的空格。

HTML 程式碼:

<div class="col-md-12">
    <h2>OntoExplorer.<span>
登入後複製

所需輸出:

刪除兩列兩側的額外填充或邊列距,而不禁用col-md-* class.

解:

通常,.row 用來換行列而不是 .col-md-12。 .Row 沒有 .col-md-12 所具有的額外邊距和填充,並且還消除了列因左右邊距為負而引入的空間。

更新的HTML 代碼:

<div class="container">
    <div class="row">
        <h2>OntoExplorer.<span>
登入後複製

自訂CSS:

要完全消除填充或邊距,可以新增名為.nopadding 的自訂CSS 類別來刪除這些屬性:

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}
登入後複製

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

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