Question

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

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

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

更改引导程序边距的代码在哪里。是否有可能在我的＆＃39; .styles＆＃39;或者＆＃39;功能＆＃39;文件（因为它是一个儿童主题）？

Answer 1

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

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

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

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

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

为您的需求构建引导程序