我在引导程序中的图库有问题。它可以在桌面视图中工作并且看起来不错,但是当我调整大小为移动视图时,同一行上的图像之间没有填充。
在移动设备上,给定行中的图像会堆叠在一起。它们之间没有垂直分隔,但在较大的屏幕上构成一行的 4 张图像组之间存在垂直分隔。我怀疑它与我的 CSS 有关,尽管下面的行应该可以修复它。
#rowpadding{
margin-bottom: 20px;
}
这是库的模板。这是我的JSFiddle,它显示了我描述的现象。
请应用此 css,您的问题将得到解决。
.container .row {
margin-bottom:0px!important;
}
.portfolio-item {
margin-bottom: 25px;
}
请记住,有一件事不要在页面中使用相同的 id。删除此 ID "行填充">