如何更改移动视图的显示横幅

Question

在主页上，我创建了带有类别产品的简单横幅：

但在移动设备上，横幅看起来很糟糕。它显示图像一个在另一个下方，并且它们位于左侧。我需要它在一行中显示两个图像。

我尝试使用：

@media screen and (min-width: 640px) {

}

但是媒体查询也改变了桌面上的视图。

Answer 1

对于移动设备，请添加 "col-6" 以及其他 "col-xl-3 col-lg-3 col-md-3 col-sm-12" 类 这将解决您的问题，因为您使用的是最新的 bootstrap 版本