移动视图库上的引导填充问题



我在引导程序中的图库有问题。它可以在桌面视图中工作并且看起来不错,但是当我调整大小为移动视图时,同一行上的图像之间没有填充。

在移动设备上,给定行中的图像会堆叠在一起。它们之间没有垂直分隔,但在较大的屏幕上构成一行的 4 张图像组之间存在垂直分隔。我怀疑它与我的 CSS 有关,尽管下面的行应该可以修复它。

#rowpadding{
margin-bottom: 20px;
}

这是库的模板。这是我的JSFiddle,它显示了我描述的现象。

请应用此 css,您的问题将得到解决。

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

}

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

}

请记住,有一件事不要在页面中使用相同的 id。删除此 ID "行填充">

相关内容

  • 没有找到相关文章

最新更新