twitter-bootstrap – Bootstrap 4响应间距不起作用

发布时间：2020-12-18 00:21:30 所属栏目：安全来源：网络整理

导读：我正在使用定义的类使用响应断点对元素应用边距{property} {sides} – {breakpoint} – {size} m(t,b,r,l,x,y) – (sm,md,lg,xl) – (0,1,2,3,4,5) 意思是 div class="col-12 mb-sm-3"/div 应该在小型设备上产生一个带底边的div,但事实并非如此. 解决方法

我正在使用定义的类

使用响应断点对元素应用边距{property} {sides} – {breakpoint} – {size}
m(t,b,r,l,x,y) – (sm,md,lg,xl) – (0,1,2,3,4,5)

意思是

<div class="col-12 mb-sm-3"></div>

应该在小型设备上产生一个带底边的div,但事实并非如此.

解决方法

我得到了正在发生的事情. mb-sm-3仅影响576px的最小宽度,因此在移动设备中,例如iphone 6,最小宽度小于576,所以我需要做的是：

<div class="col-12 mb-3 mb-sm-0"></div>

这会为低于sm(在这种情况下为xs)创建一个3的边距底部,然后sm和以上为零.

谢谢你的帮助.

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!