Bootstrap 3列不均匀间距

实施引导3列设计时，列之间的间距不均匀，因为bootstrap css使用左右padding = 15px定义col-md-4。Bootstrap 3列不均匀间距

因此，中间的列获得双重填充，因此间距为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; }

将在桌面模式下工作得很好，但在移动响应模式，左栏将缺少右填充，右列将缺少左填充

来源

2016-09-22 monstro

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

这将是更适当的方式来为所有这些树列填充相同的填充，或者如果你想只有相同的填充nd并不重要，如果它是30px，你可以删除列以外的行，这是不好的方式，或者你可以把一个.col-md-12列在你的列之外

来源

2016-09-26 08:01:43

然而，当然，在智能手机模式下，所有这些盒子垂直对齐，只有左侧和右侧盒子的padding = 15，但中间盒子的padding = 7.5，不等于 – monstro

在智能手机中，您可以更换色谱柱，只需添加col-xs-12或col-sm-12到你的列，并且必须有相同的填充 –

Bootstrap 3列不均匀间距

回答

相关问题