1-1 What is Bootstrap? What can it do?

1-2 How to download Bootstrap? Official website and GitHub

1-3 File import and basic template: local import/CDN import

1-4 The principle of grid layout: from grid to threshold

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

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

2-1 Title and page body: h1~h6 and global settings

2-2 Inline text processing: tags/quotes/lists etc.

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

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

2-5 Basic Form [Vertical Form]: The most common form

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

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

2-8 Button: Bootstrap predefined beautiful styles

2-9 Image: Responsiveness vs. Shape Styles

3-1 Tips for using font icons: infinite enlargement without distortion

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

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

3-4 Button drop-down menu: the basis for navigation

3-5 Input box group: Integrate text boxes with other elements

3-6 Basic navigation component knowledge: tabbed and capsule style

3-7 Path navigation: also called "breadcrumb navigation"

3-8 Pagination component: classic style and page turning style

3-9 Add an eye-catching label to the element

3-10 Wear badges on elements to make them look taller

3-11 Giant screen: production of huge advertisements on the page

3-12 Familiar and unfamiliar header elements

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

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

4-1 Modal box example