Dugu Jiujian (7)_Bootstrap video tutorial

• Chapter1 First experience with Bootstrap
• 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
• Chapter2 Commonly used typography elements
• 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
• Chapter3 Common components
• 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
• Chapter4 [Optional] Commonly used JavaScript plug-ins
• 4-1 Modal box example