BootStrap classic case analysis

• Chapter1 introduce
• 1-1 brief introduction
• 1-2 teaching objectives
• Chapter2 Case number one
• 2-1 Narrow screen mode web design_task release
• 2-2 Narrow screen mode web design_skill points
• 2-3 Narrow screen mode web design_preparation work
• 2-4 Narrow screen mode web design_step1_framework construction
• 2-5 Narrow screen mode web design_step2_navigation bar design
• 2-6 Narrow screen mode web design_step3_jumbotron title
• 2-7 Narrow screen mode web design_step4_Design the content of each section
• 2-8 Narrow screen mode web design_step5_custom CSS beautification page
• 2-9 Narrow screen mode web design_Case summary
• Chapter3 Case 2
• 3-1 Fixed layout mode web design_task release
• 3-2 Fixed layout mode web design_preparation work
• 3-3 Fixed layout mode web design_step1_framework construction
• 3-4 Fixed layout mode web design_step2_content layout and typesetting
• 3-5 Fixed layout mode web design_step3_Design title content
• 3-6 Fixed layout mode web design_step4_Design Column section content
• 3-7 Fixed layout mode web design_step5_responsive navigation bar design
• 3-8 Fixed layout mode web design_Case summary
• Chapter4 Case three
• 4-1 Login interface actual combat_step1_Task release & skill point analysis
• 4-2 Login interface actual combat_step2_add each component of form login
• 4-3 Login interface practice_step3_Add CSS for beautification
• 4-4 Login interface practice_step4_Apply CSS to form elements
• 4-5 Login interface actual combat_step5_enhance function effect
• 4-6 Login interface practice_Case summary
• Chapter5 Case 4
• 5-1 Actual mobile layout_task release
• 5-2 Actual mobile layout_skill points and preparation work
• 5-3 Actual flow layout_step1_overall framework construction
• 5-4 Practical flow layout_step2_top navigation bar design
• 5-5 Practical flow layout_step3_title block design
• 5-6 Practical flow layout_step4_Content detailed responsive design
• 5-7 Practical flow layout_step5_Design side navigation bar
• 5-8 Practical flow layout_step6_Reconstruct the side navigation bar to hide the small screen
• 5-9 Practical flow layout_step7_Reconstruct the title bar to add dynamic content
• 5-10 Practical flow layout_step8_Attach JS events to dynamic content
• 5-11 Practical mobile layout_case small
• Chapter6 Case five
• 6-1 Marketing website design_task release, skill point analysis
• 6-2 Marketing website design_preparation work and implementation step analysis
• 6-3 Marketing website design_step1_Home page overall framework design
• 6-4 Marketing website design_step2_Refine the top navigation bar
• 6-5 Marketing website design_step3_Design highlighted title
• 6-6 Marketing website design_step4_Detailed content design
• 6-7 Marketing website design_step5_Customized CSS beautification page
• 6-8 Marketing website design_case summary
• Chapter7 Case 6
• 7-1 Paste effect at the top and bottom of the web page_task release
• 7-2 Paste effect at the top and bottom of the web page_Skill points and preparation work
• 7-3 Paste effect at the top and bottom of the web page_step1_overall frame layout
• 7-4 Paste effect at the top and bottom of the web page_step2_top navigation bar
• 7-5 Paste effect at the top and bottom of the web page_step3_bottom element design
• 7-6 Paste effect at the top and bottom of the web page_step4_internal part design
• 7-7 Paste effect at the top and bottom of the web page_step5_bottom navigation fixed effect
• 7-8 Paste effect at the top and bottom of the web page_step6_Customized CSS to beautify the page
• 7-9 Paste effect at the top and bottom of the web page_Case summary
• Chapter8 Case 7
• 8-1 Blog page_task release
• 8-2 Blog Page_Skill Points and Preparation Work
• 8-3 Blog page_step1_overall framework construction
• 8-4 Blog page_step2_top navigation bar
• 8-5 Blog page_step3_tail content design
• 8-6 Blog page_step4_Design top title
• 8-7 Blog page_step5_content part layout design
• 8-8 Blog page_step6_bottom article pagination
• 8-9 Blog page_step7_sidebar content design
• 8-10 Blog page_step8_Add CSS to beautify the header menu
• 8-11 Blog page_step9_Add CSS to beautify the tail content
• 8-12 Blog page_Case summary