2015-04-16 57 views
0

我有一个组合WordPress网站,利用引导3.它基本上是一个图像网格。当屏幕展开时,它从三列变成四列。当移动时它是一个单独的列。缩小列边距(内部)

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

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

代码更改引导页边距在哪里。是否有可能在我的'.styles'或'functions'文件中执行它(因为它是一个儿童主题)?

+0

打造适合您的需求引导您可以将自己的类添加到这一点,并设置马林水平根据自己的需要:例如:

Aru

回答

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; 
} 

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

另外,您可以使用http://getbootstrap.com/customize/