Bootstrap 4 引导行不';t在Safari上,如果它';s在float left元素旁边
这是密码Bootstrap 4 引导行不';t在Safari上,如果它';s在float left元素旁边,bootstrap-4,safari,flexbox,row,Bootstrap 4,Safari,Flexbox,Row,这是密码 123123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 2
123123
23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123
23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123
我需要使用row
获取order-*
类来处理订单。
它在Chrome和Firefox上运行良好,但在Mac上的Safari 13上则不行
第一个块是float left
,但是行
在Safari上占据了新行。
我看到问题可能来自
display:flex
,它在Safari上不能正常工作。我发现解决方法是在row
周围添加m-0
,这可能是Safari在row上添加额外边距的错误,从而创建了新行
<div class="container">
<div class="float-left" style="background:red">123123</div>
<div class="row">
<div class="order-1">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
<div class="order-2">23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123 23123 1231 23123 123123 123 123</div>
</div>
</div>