我在Bootstrap中遇到了一个问题。它在桌面视图中工作正常,但是当我调整到移动视图时,同一行上的图像之间没有填充。
在移动设备上时,来自给定行的图像堆叠在一起。它们之间没有垂直分离,但是4个图像组之间存在垂直间隔,这些图像组在较大的屏幕上构成一排。我怀疑它与我的CSS有关,虽然下面的行应该修复它。
#rowpadding{
margin-bottom: 20px;
}
这是template of the gallery。这里是my JSFiddle,它显示了我描述的现象。
答案 0 :(得分:0)
请申请此css,您的问题将解决。
.container .row {
margin-bottom:0px!important;
}
.portfolio-item {
margin-bottom: 25px;
}
请记住,有一件事在页面中不使用相同的ID。删除此ID“rowpadding”