html - 如何删除 Bootstrap 中两个网格之间的边距

Question

我想删除/折叠 Bootstrap 中两个网格列之间的边距和填充。这是我的代码和屏幕截图。

<div class="col-md-6">
    <div class="form-group">
        <label class="col-md-3 control-label">Short Name</label>
        <div class="col-md-8">
            <input id="txtShortName" class="form-control " type="text" />
        </div>
    </div>

    <div class="form-group">
        <label class="control-label col-md-3">Descripition</label>
        <div class="col-md-8">
            <input id="txtDescripition" class="form-control" type="text"  />
        </div>     
    </div>        
</div>

Answer 1

在您的 Bootstrap CSS 中找到以下代码并根据您的需要更改 padding。

position: relative;
min-height: 1px;
padding-right: 15px;
padding-left: 15px;

以上代码将在 .col-xx-y 下，其中 xx 是 md、sm、lg 等，y 是 1、2、3 等等。

注意:如果您更改该 Bootstrap CSS，它将对您的每个 HTML 文件生效。因此我建议您制作自定义 CSS 以覆盖它。