在手机上实施2列 - Woocommerce

Question

我很想在我的Woocomerce活动商店中展示2列产品。 我使用基于'Shopisle'的儿童主题，但我不确定实现目标的最佳方式是什么。一个纯CSS的解决方案将是可行的？它的行为是否正确，没有任何错误？

我相信这个主题使用Bootstrap作为基础，但我不是100％确定的。

在此先感谢！

Answer 1

不知道这是你想要的 - 因为你在这里几乎没有任何代码示例。

但通常我会做的是利用Flexbox的：

.wrapper-of-all-products { 
    display: flex; 
    justify-content: space-between; 
    align-items: flex-start; 
    flex-wrap: wrap; 
} 

.product { 
    width: 49%; // just to be sure there is a gap 
    box-sizing: border-box; 
} 

当然，你需要改变的类名。我不知道他们如何被称为。