Those who are somehow connected with web development probably know what Bootstrap is.
I personally met the Bootstrap version 2.x framework and it made an indelible impression on me. It was possible without the participation of the designer to get quite a decent interface. The built-in perfectionist exulted. You can swear that the Internet has become very bootstrap, but you have to pay tribute, the guys who work on it as a whole are doing great work, and the fact that the people are lazy is another problem.

Today is the birthday of this wonderful framework. On his birthday, Bootstrap 4 was announced.
')

Woohoo! Twitter Bootstrap, an open-sourced CSS / HTML framework from myself and @ fat , just went live: http://t.co/3OOsQ5T #kaboom

- Mark Otto (@mdo) August 19, 2011

Bootstrap 4 - what's new?

As the new developers themselves write, it’s a lot and difficult to describe all the changes in a small review. And I will not. Highlights:

Moving from Less to Sass

Bootstrap is now compiled faster than usual by using Libsass.

Grid layout improvements

More emphasis on mobile users. The mixins were completely reworked.
Now, judging by the documentation, you can get the necessary impurities from the box anywhere. For example, you want your project to have a .line class instead of the previous .row:

.line { @include make-row(); } 

Flexbox support

As the developers themselves write: “The future has come ...”. Flipping the variable and recompiling you can get a Bootstrap based on Flexbox

Cards

Some components (well, thumbnail, panel) were replaced by cards. They do the same thing just better.

Reboot

Everything in Bootstrap 3 played the role of HTML reset for cross-browser layout turned out as a Reboot module. With settings in one sass file.

New customization options

In the new version, the project received a lot of settings through Sass variables. Details in the source code, without picking them, it is difficult to say what exactly this is different from what was previously in the Less or Sass versions of the framework.

IE8 is not supported. Switched to rem and em instead of px

If you need IE8 support, stay on Bootstrap 3. Updated to maintain the best of CSS without needing to use crutches. Refusal from pixels is due to the need for better support for responsive typography and more simple resizing of components.

All JavaScript plugins rewritten

All plugins have been rewritten in ES6 to take full advantage of the latest JavaScript.

Improved hints and popover elements

Thank you, as I understand it, you need to talk to the project Tether . Correct if I am mistaken.

Improved documentation

Rewritten to Markdown and added a couple of convenient plugins for more convenient work with documentation. An improved search is coming soon.

A lot of new

Convenient control over forms, classes for indents, new utility classes and much more.

Version 4 contains about 1100 commits and 120000 lines of changes, and the work is still not completed.
The development plan is as follows:
- Release a couple of alpha releases;
- 2 beta release after being determined with the features and functionality and good testing;
- A couple of RC, in order to test everything;
- Release.

Bootstrap 3

The developers regret that after the release of Bootstrap 3, they turned down support for the second version. They do not want to repeat this error, so in the foreseeable future, support for Bootstrap 3 will continue. There will be critical bug fixes and documentation improvements. Documentation on the top three will also be available after the final release of Bootstrap 4.

But that's not all! Today another project was launched - Official Bootstrap Themes .



So far there are 3 impressive topics for $ 99 (dashboard, application, marketing). In each, you can find everything from Bootstrap + examples from the real world, components, plugins, documentation and handy utilities. All themes can be used any number of times, for any projects, but not to sell the theme itself or its derivatives.

Rather, watch what they have been thinking about!