缩小列边距（内部）

【问题标题】：Narrowing column margins (inside)缩小列边距（内部）
【发布时间】：2016-02-12 19:22:41
【问题描述】：

我有一个使用 bootstrap 3 的投资组合 wordpress 网站。它基本上是一个图像网格。当屏幕展开时，它会从三列变为四列。移动时它是一列。

我想出了如何调整图像的顶部和底部边距，但我希望图像在两侧更靠近。这意味着我假设调整列之间的边距。该页面使用

<div class="col-md-12 col-xs-12">

更改引导边距的代码在哪里。是否可以在我的“.styles”或“functions”文件中执行此操作（因为它是子主题）？

【问题讨论】：

【解决方案1】：

默认情况下，每边的填充是15px，如果你没有自定义你的引导程序：

.col-xs-1, .col-sm-1, ... {
    position: relative;
    min-height: 1px;
    padding-left: 15px;
    padding-right: 15px;
}

只要在bootstrap.css 之后插入您的css 文件，您就可以添加以下内容：

[class*="col-"] {
    padding-left: 5px;
    padding-right: 5px;
}

注意：这将覆盖整个网站的差距。

或者，您可以使用 http://getbootstrap.com/customize/ 构建满足您需求的引导程序

【讨论】：