html - 缩小列边距(内部)

Question

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

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

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

更改 bootstrap 边距的代码在哪里。是否可以在我的“.styles”或“函数”文件中执行此操作(因为它是子主题)？

Answer 1

默认情况下每边的填充是 15px 如果你没有定制你的 Bootstrap :

.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/ 构建满足您需求的 Bootstrap