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