html - Bootstrap col-sm-6 类在移动设备上不起作用

Question

我正在将 sql 表中的产品放入<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3 main_item_div mt-4 mb-4">div 中。

我的问题是，当我在移动设备上查看我的页面时，col-sm-6 类不起作用，产品总是在彼此之下，而不是彼此相邻的 2 个 div。

您可以在此链接上查看我的网站

这些 div 位于“Újdonságok, akciós termékek”标题下。

谢谢！

标签： htmlcssbootstrap-4

Answer 1

再会！

<div class="col-6 col-lg-3 main_item_div mt-4 mb-4"></div>

col-sm样式适用于视口≥ 576px，所以你应该col在这种情况下使用。此外，您不需要同时使用col-lg-3和col-xl-3类，因为引导媒体查询基于min-width- 所以只保留col-lg-3用于大型显示​​器。