我有兩個具有固定大小的元素（輸入）。這兩個元素各自位于其自己的列中。當顯示太小以至于每列都在新行中時，我需要更改列的填充。我更喜歡引導解決方案。有這樣的事嗎？：<div class="row"> <div class="col pr-0"> ...這是我的代碼示例：<div class="row"> <div class="col"> <!-- some element of fix size (input) here --> </div> <div class="col-auto"> <!-- some element of fix size (input) here --> </div></div>我需要實現：一行中的列 - padding=0px; 兩行列 - padding=15px
3 回答
小唯快跑啊
TA貢獻1863條經驗 獲得超2個贊
您應該能夠像 col 類一樣按以下方式使用 p 類：{property}{sides}-{size} 用于 xs，{property}{sides}-{breakpoint}-{size} 用于 sm、md， lg 和 xl。
例如，如果您想要中屏幕的左填充為零，您的類將是 pl-md-0
慕后森
TA貢獻1802條經驗 獲得超5個贊
? <div class="col">
? ? <!-- some element of fix size (input) here -->
? </div>
? ? <!-- based on breakpoint add { sm, md, or other } -->
? <div class="col-auto p-y-sm-3">
? ? <!-- some element of fix size? (input) here -->
? </div>
</div>
波斯汪
TA貢獻1811條經驗 獲得超4個贊
在此示例中，.px-sm-2您將在大于 ≥576px 的設備上的 X 軸上有 2rem 填充，否則您將有 0 填充。
<div class="col-auto px-0 px-sm-0">
? ?<!-- some element of fix size? (input) here -->
</div>
- 3 回答
- 0 關注
- 207 瀏覽
添加回答
舉報
0/150
提交
取消