All or most of these cool new features are based on the implementation of Flexbox in Bootstrap 4. If you are working on static HTML files, you can live with all the circumstances. But when you're working with React, most times you have, by default, an unstyled
around your design element. With BS3 (based on floating
elements), you don't have any issues with one more
around your markup.
BS4, however, uses the same markup but it is based on Flexbox.
If you wrap
in an unchanged
, your design is broken. Initially, a
– in a Flexbox environment you have to keep an eye on the fact that sometimes a wrapper
has to be
. In this case you just have to add a
class to your wrapper element – the solution is simple, but not easy to debug when you see it the first time.