如何在Bootstrap 3 中刪除填充
目前的問題涉及刪除col-md-* 列的左右填充Bootstrap 3. 提供的HTML程式碼包含兩個巢狀列,但結果包括兩側的額外間距
期望的輸出
目標是消除多餘的空間並使列彼此相鄰。
解
問題是因為使用 .col-md-12 作為父容器列。 .col-md-12 本質上是一列,而不是一行,因此繼承了自己的邊距和填充。要解決此問題,必須將列包裝在.row 類中,如下所示:
<div class="container"> <div class="row"> <h2>
其他選項
如果所需結果是消除所有邊距和填充,添加一個類別來覆蓋子列的這些樣式:
.nopadding { padding: 0 !important; margin: 0 !important; }
以上是如何消除 Bootstrap 3 列中的額外填充?的詳細內容。更多資訊請關注PHP中文網其他相關文章!