How to overcome bootstrap4 columns in safari?

Question

css

I know that there is another version 4 in alpha, but there is only one problem
https://jsfiddle.net/1cbnf1m1/
everything is perfect in chrome and fox

, but in safari it doesn’t want to go to a new line and a horizontal slider appears, it
was advised to try .d-flex, but somehow it works strangely, and it seems that it is inherited to descendants, that it breaks everything inside.
Has anyone encountered a similar one?

Answer 1

I'm not familiar with bootstrap4, but it looks like this safari bug - Flexbox in Safari, why is that?