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

从 Bootstrap 3 列中删除填充

问题：

在 Bootstrap 3 中，列上的填充或边距过多col-md-* 类的右侧和左侧。目标是删除这个额外的空格。

HTML 代码：

<div class="col-md-12">
    <h2>OntoExplorer.<span><p><strong>所需输出：</strong></p>
<p>删除两列两侧的额外填充或边距，而不禁用 col-md-* class.</p>
<p><strong>解决方案：</strong></p>
<p>通常，.row 用于换行列而不是 .col-md-12。 .Row 没有 .col-md-12 所具有的额外边距和填充，并且还消除了列因左右边距为负而引入的空间。</p>
<p><strong>更新的 HTML 代码：</strong></p>
<pre class="brush:php;toolbar:false"><div class="container">
    <div class="row">
        <h2>OntoExplorer.<span><p><strong>自定义CSS：</strong></p>
<p>要完全消除填充或边距，可以添加名为 .nopadding 的自定义 CSS 类来删除这些属性：</p>
<pre class="brush:php;toolbar:false">.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}