首页 > web前端 > css教程 > 如何从 Bootstrap 3 列中删除填充和边距?

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

DDD
发布: 2024-12-15 19:02:10
原创
618 人浏览过

How to Remove Padding and Margin from Bootstrap 3 Columns?

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

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板