在手機上實施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; 
} 

當然，你需要改變的類名。我不知道他們如何被稱爲。