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

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