Bootstrap 4响应间距不起作用

时间:2017-11-23 01:20:55

标签: twitter-bootstrap bootstrap-4 spacing

我正在使用已定义的类

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

意思是

Conv1D

应该在小型设备上产生一个带底边的div,但它不会。

2 个答案:

答案 0 :(得分:19)

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

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

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

感谢您的帮助。

答案 1 :(得分:1)

margin-bottom: 1rem!important;正在添加.mb-sm-3

检查

<link href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css" rel="stylesheet"/>
<div class="col-12 mb-sm-3" style="background:blue;height:20px;"></div>
<div>Space above is the margin of the `mb-sm-3`</div>