Bootstrap 4 major updates, Highlights interpretation _bootstrap

August 19 is a special day for bootstrap-not only the four anniversary of the project, but also the day after a year of intensive development to release Bootstrap 4 beta. Bootstrap 4 is a major update that involves almost every line of code. New features

There are so many significant updates in Bootstrap 4 that this article is not exhaustive, and here are some of the highlights: migrating from less to sass: Now, Bootstrap has joined the Sass family. Thanks to Libsass,bootstrap's faster-than-ever compilation speed; improved grid systems: Add a grid layer to fit mobile devices and reorganize semantic blending. Support Select Elastic box Model (Flexbox): This is an epoch-making feature--as long as you modify a Boolean variable, you can use the advantages of Flexbox fast layout. Abandoned wells, thumbnails and panels, using cards instead: Cards is a completely new concept, but it is much more convenient to use than wells, thumbnails and panels. Consolidate all HTML reset style sheets into reboot: You can use reboot where you can't use NORMALIZE.CSS, and it offers more options. For example, Box-sizing:border-box, margin tweaks, etc. are stored in a separate Sass file. New customization options: No longer like the previous version, the effects of gradients, fades, shadows, and so on are separated into separate style sheets. Instead, all of the options are moved to a SASS variable. You want to define a default effect for a corner that is global or not considered. Quite simply, just update the value of the variable and recompile it. No longer supports IE8, using REM and EM units: Abandoning support for IE8 means that developers can safely take advantage of CSS without having to study CSS hack techniques or fallback mechanisms. Using REM and em instead of PX units, it is more suitable for response layout and control of component size. If you want to support IE8, you can only continue with bootstrap 3. Rewrite all JavaScript plug-ins: To take advantage of the new features of JavaScript, Bootstrap 4 rewrites all plug-ins with ES6. Features such as UMD support, generic teardown methods, option type checking are now available. Improved ToolTips and popovers: This part thanks to the help of the tether tool. Improved documentation: All documents are rewritten in markdown format, some handy plug-in organization examples and snippets are added, documents are easier to use, and search optimization is in progress. More changes: support for custom form controls, white space, and fill classes, in addition to new utility classes.

The above update is just the tip of the iceberg, and the V4 version has more than 1100 commits and 120,000 lines of code updates, which can be viewed in v4-alpha documents. Development plan

The V4 version of all source code is open source on GitHub's V4-dev branch. In addition, there is a V4 development and tracking PR, publishing Master's changes list and the list to be developed. You can contribute your own code to make this project a better place to be.

The overall development and release plan is as follows: Several alpha versions are released in continuous improvement, new features and new features are released after two beta releases are fully tested, 2 candidate versions are released, tests are available for production environments, and final releases are released.

There is also a V4 channel on the slack, Bootstrapers can click here to join. Support V3

Release Bootstrap 3 o'clock, Bootstrap has given up on the 2.x version of support, to many users caused trouble, the same error will not be the second time. In the near future, the development team will continue to fix V3 bugs and improve the documentation. After the V4 is finally released, the V3 document will not be offline. One more thing ...

In addition to releasing Bootstrap 4 Alpha, the bootstrap theme was released.

These topics cost a lot of energy, and they have many sets of tools of their own, as Bootstrap itself.

As a starting point, the topics to be published are: Dashboard, application, and marketing, using the Multiple-use license protocol.

Click here to view more information about the topic. Feedback someone mentioned that in v3.5.5 (the last stable version), Bootstrap.min.css is 123KB, and in the new 4.0.0alpha bootstrap.min.css only 88KB, is worth celebrating. Some people say that dashboard themes are not completely responsive, such as in Tables->order history. Bootstrap changed to default use of sass, which has aroused extensive discussion. It is also said that an organization willing to abandon the old technology (no longer supports IE8) to rewrite the library with new technology (ES6) deserves respect.
More: Bootstrap modal box to center vertically
Bootstrap table use Collation (vi)-Common operations
Bootstrap model use and click outside do not disappear