我正在將 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 關注
- 240 瀏覽
添加回答
舉報
0/150
提交
取消