Bootstrap Development - Introduction to Bootstrap (01)

I. Overview

• Bootstrap concept
• knowledge required before learning
• Check out the Bootstrap documentation
• What are the differences between the versions of Bootstrap

Two Bootstrap concepts

• Bootstrap is a front-end development framework using HTML, CSS and JavaScript frameworks
• Bootstrap is the world's most popular front-end framework for building responsive, mobile-first websites
• Simple, intuitive and powerful front-end development framework makes web development faster and easier

Three need to have knowledge before learning

• HTML
• CSS
• JavaScript

4 Consult the Bootstrap documentation

name	icon	url
Bootstrap2	Bootstrap2	Bootstrap2
Bootstrap3	Bootstrap3	Bootstrap3
Bootstrap4	Bootstrap4	Bootstrap4
Bootstrap5		Bootstrap5

Five different versions of Bootstrap

5.1 Bootstrap 2

• Designed for desktop;
• Contains basic CSS and JS components, relatively simple;
• no responsive layout;
• Need to be compatible with IE6

5.2 Bootstrap 3

• Added responsive layout to support mobile devices;
• Flat design, more concise and clear;
• It can be used with preprocessors such as SASS and LESS, adding customization options;
• Support IE8+

5.3 Bootstrap 4

• Improved components and styles, added new components;
• Uses less code, loads faster, and is easy to customize;
• The grid system can be customized;
• Support IE9+

5.4 Bootstrap 5

• Support more modern browsers, while the IE series is no longer supported;
• Removed jQuery dependency;
• Optimized the grid system and typography;
• More lightweight, more concise code

Six references

• Bootstrap2
• Bootstrap3
• Bootstrap4
• Bootstrap5