首页 > web前端 > css教程 > 如何删除 Bootstrap 3 列中的多余填充?

如何删除 Bootstrap 3 列中的多余填充?

Susan Sarandon
发布: 2024-12-18 22:58:10
原创
778 人浏览过

How to Remove Excess Padding in Bootstrap 3 Columns?

从 Bootstrap 3 列中删除填充

问题:

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

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