Bootstrap 3列不均匀间距

Question

当实现bootstrap 3列设计时，列之间的间距不均匀，因为bootstrap css定义了col-md-4，左右填充= 15px。

因此，中间的列得到双填充，因此间距为30px，而不是15px。

这是一张显示我的意思的图。有没有办法制作相等的间距，那么即使我们切换到移动设备尺寸后间距仍然存在？

有类似的东西

.col-md-4 { padding-left: 15px; padding-right: 15px; }
.col-md-4:first-child { padding-left: 15px; padding-right: 0px; }
.col-md-4:last-child { padding-left: 0px; padding-right: 15px; }

在桌面模式下工作正常，但在移动响应模式下，左列将缺少右边填充，右列将缺少左边填充

Answer 1

.col-md-4:nth-child(2) {padding-left: 7.5px;padding-right: 7.5px;}

这对于所有这些树列具有相同的填充是更合适的方式，或者如果你想要具有相等的填充并且如果它是30px则无关紧要你可以删除不在列之外的行好的方法或者你可以把一个.col-md-12放在你的栏目之外