如何从 Bootstrap 3 列中删除填充和边距？

如何从 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中文网其他相关文章！