This is the first day of my participation in Gwen Challenge

The latest version is Bootstrap-5.0.1. The functionality of Bootstrap5 is not different from that of bootstrap-5.0.0-Beta3, but the details of some components have been changed. And fixed some of the previous problems. I noticed that a lot of sites started to adopt it early in the beta, but it was too risky for a commercial project to adopt the beta, and now that the official release is out, people can use it with confidence.

What are the major changes in Bootstrap5 compared to Bootstrap4?

The official lavishly said tens of thousands of words, as far as MY personal use can see nothing more than the following:

  1. Internet explorer10 and Internet explorer11 are no longer supported. It saves a lot of code written for compatibility, and makes better use of the new features of HTML5 and CSS3.
  2. No longer rely on jQuery. JQuery has many advantages and is more powerful and powerful, but for some small projects, jQuery greatly increases the size of the source package. Bootstrap5 no longer relies on jQuery and can greatly reduce the size of Bootstrap source package. If you need jQuery, you can still import it separately. If you want to import jQuery separately, you can also use the latest version of jQuery instead of Bootstrap.
  3. The appearance of each component has been optimized, including the color palette and fonts, to make the website more beautiful. One of the complaints of Bootstrap has always been that the website pages made by Bootstrap are too rigid and ugly, so we need to write additional CSS optimization. Now the pages made by Bootstrap5 are very beautiful and can be directly applied. You can look directly at www.bootstrap.cn, pure Bootstrap5 development, without using any other CSS files.
  4. Added a lot of components, now basically common components of web design can be found, web design becomes not too easy, simple copy, paste, modify the following text, put together.
  5. The volume is greatly reduced. Bootstrap.min. CSS and bootstrap.bundle.min.js can be extracted from the bootstrap.bundle.min.js. The total is less than 100K, so far there is no problem.

Should I learn Bootstrap4 or Bootstrap5?

This question should be judged on your own merits:

  1. If you are currently working on a project with Bootstrap4 and you are nearing the end of development and the functionality of Bootstrap4 is sufficient, then it is better to finish the project with Bootstrap4.
  2. If you are currently working on a project with Bootstrap4 and you have just started the project and see a lot of useful features in Bootstrap5, ditch Bootstrap4 and go Bootstrap5.
  3. For projects that are not currently under development, learn Bootstrap5 directly. Bootstrap5 adds so many useful features, why not use it?

I’ll stop here and write a series of tutorials to get you up to speed on Bootstrap5.