移动视图库中的Bootstrap填充问题

时间:2017-05-20 10:06:33

标签: html css mobile

我在Bootstrap中遇到了一个问题。它在桌面视图中工作正常,但是当我调整到移动视图时,同一行上的图像之间没有填充。

在移动设备上时,来自给定行的图像堆叠在一起。它们之间没有垂直分离,但是4个图像组之间存在垂直间隔,这些图像组在较大的屏幕上构成一排。我怀疑它与我的CSS有关,虽然下面的行应该修复它。

#rowpadding{
margin-bottom: 20px;
}

这是template of the gallery。这里是my JSFiddle,它显示了我描述的现象。

1 个答案:

答案 0 :(得分:0)

请申请此css,您的问题将解决。

.container .row {
margin-bottom:0px!important;

}

.portfolio-item {
margin-bottom: 25px;

}

请记住,有一件事在页面中不使用相同的ID。删除此ID“rowpadding”