As for the media queries, the new version also takes over here. After all, now we have the opportunity to more flexible approach to changes styles of the page on various devices. And all because now in the grid system there are the following breakpoints:
extra large (>= 1200px)
large (>= 992px)
medium (>= 768px)
sm (>= 576px)
xs (< 576px)
In the bootstrap 3 of these breakpoints there were only 4 and this sometimes created some problems when marking on small tablets and phones with a big screen.
It's worth noting that not all elements in Bootstrap 4 have
display: flex property. If you need to make a "flex" element, then you should use the
display utility. For example, add a class
.d-sm-flex, when you need to apply the utility only for devices of the
sm category and above. For an item with the
.d-flex class, there is a set of flex utilities with which you can change the axis of the container, reverse the order, align elements inside the container, and so on. These include:
.justify-content-sm-start and other variations.
Well, I just showed the main differences in a very short form. But there are more of them: what is only the section of the typographies with an improved indentation system for different elements (p, ul, etc.)? To fully familiarize yourself with all the innovations, I advise you to open the official documentation, with which you will immediately find the answers to all the questions interesting you. After that, download Bootstrap 4 to yourself and try it on your own experience. Try yourself it with modern JS libraries and see its power. Maybe you ask: what about support for Flexbox browsers? Can I use the new version of the framework in production? And the answer is, of course, yes! The support is remarkable, all modern browsers support this technology, just do not forget about prefixes.Bootstrap 4 is well suited for the development of small sites and large cryptocurrency platform.
To summarize, we can say that the 4th version is much ahead of its predecessor. I advise you to use it on your projects, because it is very important to keep up to date and use only the latest, high-quality and relevant tools when developing your product. At the moment, Bootstrap 4 has moved to the beta stage, and the official release is scheduled for 2018. Look forward to! Create modern and adaptive pages with Bootstrap!