What is Bootstrap? What can it do?

How to download Bootstrap? Official website and GitHub

File import and basic template: local import/CDN import

The principle of grid layout: from grid to threshold

The implementation process of grid layout: the division of containers into columns

Tips on using the front-end code artifact Emmet plug-in

Title and page body: h1~h6 and global settings

Inline text processing: tags/quotes/lists etc.

Processing of code text in the page: embedded/keyboard/variables/output

Introduction to commonly used table styles: universal/interlaced color/responsive, etc.

Basic Form [Vertical Form]: The most common form

Inline form: All elements are displayed in the same row to create more space

Horizontal form: labels and controls are displayed horizontally in the same row, responsive design

Button: Bootstrap predefined beautiful styles

Image: Responsiveness vs. Shape Styles

Tips for using font icons: infinite enlargement without distortion

Drop-down menu: the perfect combination of buttons and lists

Types and Design Techniques of Button Groups: United We Have Strength

Button drop-down menu: the basis for navigation

Input box group: Integrate text boxes with other elements

Basic navigation component knowledge: tabbed and capsule style

Path navigation: also called "breadcrumb navigation"

Pagination component: classic style and page turning style

Add an eye-catching label to the element

Wear badges on elements to make them look taller

Giant screen: production of huge advertisements on the page

Familiar and unfamiliar header elements

Thumbnail component: Let’s make an island country video site together

Warning box: It turns out that pop-up windows can be so refreshing and refined

Modal box example