如何从 Bootstrap 3 列中删除不需要的填充和边距？

从 Bootstrap 3 中的列中删除填充

使用 Bootstrap 3 的网格系统时，经常会遇到列周围有额外的填充或边距。以下是删除它的方法：

在您的代码中：

<div class="col-md-12">
    <h2 class="h2">OntoExplorer.<span>

您已将两列（col-md-4 和 col-md-8）包装在 col-md- 中12 栏。默认情况下，col-md-12 占据整行，包括边距和填充，从而引入不需要的额外空间。

要解决此问题，请使用 .row 而不是 .col-md-12 作为父容器。这将确保两列并排呈现，没有任何不必要的填充或边距：

<div class="container">
    <div class="row">
        <h2 class="h2">OntoExplorer.<span>

如果您仍然想从各个列中删除填充或边距，您可以添加自定义 CSS像这样的类：

.nopadding {
   padding: 0 !important;
   margin: 0 !important;
}

然后，将该类应用于要从中删除填充或边距的列：

<div class="col-md-4 nopadding">

以上是如何从 Bootstrap 3 列中删除不需要的填充和边距？的详细内容。更多信息请关注PHP中文网其他相关文章！