問題:
在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中文網其他相關文章!