我正在將 sql 表中的產(chǎn)品放入<div class="col-sm-6 col-md-6 col-lg-3 col-xl-3 main_item_div mt-4 mb-4">div 中。我的問題是,當(dāng)我在移動(dòng)設(shè)備上查看我的頁(yè)面時(shí),col-sm-6 類不起作用,產(chǎn)品始終位于彼此下方,而不是彼此相鄰的 2 個(gè) div。您可以通過此鏈接查看我的網(wǎng)站這些 div 位于“新產(chǎn)品、折扣產(chǎn)品”標(biāo)題下。謝謝!
1 回答

嚕嚕噠
TA貢獻(xiàn)1784條經(jīng)驗(yàn) 獲得超7個(gè)贊
再會(huì)!
<div class="col-6 col-lg-3 main_item_div mt-4 mb-4"></div>
col-sm
樣式適用于視口 ≥ 576px,因此您應(yīng)該col
在這種情況下使用。另外,您不需要同時(shí)使用col-lg-3
和col-xl-3
類,因?yàn)橐龑?dǎo)媒體查詢基于min-width
- 因此僅保留col-lg-3
用于大型顯示器。
- 1 回答
- 0 關(guān)注
- 237 瀏覽
添加回答
舉報(bào)
0/150
提交
取消