Bootstrap 3列不均匀间距

Question

在实现 bootstrap 3-columns 设计时，列间距不均匀，因为 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