我正在將 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 位于“新產品、折扣產品”標題下。謝謝!
1 回答

嚕嚕噠
TA貢獻1784條經驗 獲得超7個贊
再會!
<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
用于大型顯示器。
- 1 回答
- 0 關注
- 223 瀏覽
添加回答
舉報
0/150
提交
取消