BootStrap classic case analysis-Free online video tutorial-php.cn

Community

Learn

Tools Library

AI Tools

Leisure

English

BootStrap classic case analysis

"BootStrap Classic Case Analysis" This course was recorded by Beifeng.com. Bootstrap is based on HTML, CSS, and JavaScript. It is simple and flexible, making web development faster. Bootstrap provides elegant HTML and CSS specifications, which are written in the dynamic CSS language Less. Bootstrap has become very popular since its launch and has always been a popular open source project on GitHub.

Intermediate

bootstrap

bootstrap classic case analysis

160041 person learning

65class hour

04 hours 25 minutes 38 secondsTotal course duration

2023-05-22update

韦小宝

Gold lecturer

A total of 104 courses Student131930 Lecturer rating5.5

每日分享一个编程小知识，每日进步一点点！More>>

Course Introduction Course Outline Other Courses

You will learn：

"BootStrap Classic Case Analysis" After studying this course, we can learn a lot, you will know after reading it!

BootStrap classic case analysis

Chapter1 introduce
expand retract

Section1 brief introduction
duration： 06 minutes 35 seconds

Section2 teaching objectives
duration： 04 minutes 27 seconds
Chapter2 Case number one
expand retract

Section1 Narrow screen mode web design_task release
duration： 02 minutes 13 seconds

Section2 Narrow screen mode web design_skill points
duration： 01 minutes 53 seconds

Section3 Narrow screen mode web design_preparation work
duration： 08 minutes 43 seconds

Section4 Narrow screen mode web design_step1_framework construction
duration： 07 minutes 35 seconds

Section5 Narrow screen mode web design_step2_navigation bar design
duration： 04 minutes 59 seconds

Section6 Narrow screen mode web design_step3_jumbotron title
duration： 04 minutes 05 seconds

Section7 Narrow screen mode web design_step4_Design the content of each section
duration： 02 minutes 31 seconds

Section8 Narrow screen mode web design_step5_custom CSS beautification page
duration： 08 minutes 25 seconds

Section9 Narrow screen mode web design_Case summary
duration： 03 minutes 24 seconds
Chapter3 Case 2
expand retract

Section1 Fixed layout mode web design_task release
duration： 02 minutes 20 seconds

Section2 Fixed layout mode web design_preparation work
duration： 02 minutes 00 seconds

Section3 Fixed layout mode web design_step1_framework construction
duration： 05 minutes 06 seconds

Section4 Fixed layout mode web design_step2_content layout and typesetting
duration： 04 minutes 17 seconds

Section5 Fixed layout mode web design_step3_Design title content
duration： 05 minutes 10 seconds

Section6 Fixed layout mode web design_step4_Design Column section content
duration： 05 minutes 10 seconds

Section7 Fixed layout mode web design_step5_responsive navigation bar design
duration： 19 minutes 49 seconds

Section8 Fixed layout mode web design_Case summary
duration： 02 minutes 08 seconds
Chapter4 Case three
expand retract

Section1 Login interface actual combat_step1_Task release & skill point analysis
duration： 02 minutes 09 seconds

Section2 Login interface actual combat_step2_add each component of form login
duration： 07 minutes 19 seconds

Section3 Login interface practice_step3_Add CSS for beautification
duration： 04 minutes 21 seconds

Section4 Login interface practice_step4_Apply CSS to form elements
duration： 07 minutes 53 seconds

Section5 Login interface actual combat_step5_enhance function effect
duration： 07 minutes 11 seconds

Section6 Login interface practice_Case summary
duration： 02 minutes 05 seconds
Chapter5 Case 4
expand retract

Section1 Actual mobile layout_task release
duration： 01 minutes 44 seconds

Section2 Actual mobile layout_skill points and preparation work
duration： 01 minutes 49 seconds

Section3 Actual flow layout_step1_overall framework construction
duration： 09 minutes 55 seconds

Section4 Practical flow layout_step2_top navigation bar design
duration： 03 minutes 49 seconds

Section5 Practical flow layout_step3_title block design
duration： 02 minutes 36 seconds

Section6 Practical flow layout_step4_Content detailed responsive design
duration： 05 minutes 42 seconds

Section7 Practical flow layout_step5_Design side navigation bar
duration： 03 minutes 01 seconds

Section8 Practical flow layout_step6_Reconstruct the side navigation bar to hide the small screen
duration： 02 minutes 34 seconds

Section9 Practical flow layout_step7_Reconstruct the title bar to add dynamic content
duration： 04 minutes 29 seconds

Section10 Practical flow layout_step8_Attach JS events to dynamic content
duration： 03 minutes 42 seconds

Section11 Practical mobile layout_case small
duration： 02 minutes 09 seconds
Chapter6 Case five
expand retract

Section1 Marketing website design_task release, skill point analysis
duration： 02 minutes 25 seconds

Section2 Marketing website design_preparation work and implementation step analysis
duration： 01 minutes 12 seconds

Section3 Marketing website design_step1_Home page overall framework design
duration： 04 minutes 08 seconds

Section4 Marketing website design_step2_Refine the top navigation bar
duration： 03 minutes 24 seconds

Section5 Marketing website design_step3_Design highlighted title
duration： 03 minutes 08 seconds

Section6 Marketing website design_step4_Detailed content design
duration： 04 minutes 27 seconds

Section7 Marketing website design_step5_Customized CSS beautification page
duration： 07 minutes 36 seconds

Section8 Marketing website design_case summary
duration： 01 minutes 35 seconds
Chapter7 Case 6
expand retract

Section1 Paste effect at the top and bottom of the web page_task release
duration： 02 minutes 06 seconds

Section2 Paste effect at the top and bottom of the web page_Skill points and preparation work
duration： 02 minutes 09 seconds

Section3 Paste effect at the top and bottom of the web page_step1_overall frame layout
duration： 03 minutes 26 seconds

Section4 Paste effect at the top and bottom of the web page_step2_top navigation bar
duration： 05 minutes 01 seconds

Section5 Paste effect at the top and bottom of the web page_step3_bottom element design
duration： 02 minutes 40 seconds

Section6 Paste effect at the top and bottom of the web page_step4_internal part design
duration： 02 minutes 21 seconds

Section7 Paste effect at the top and bottom of the web page_step5_bottom navigation fixed effect
duration： 03 minutes 50 seconds

Section8 Paste effect at the top and bottom of the web page_step6_Customized CSS to beautify the page
duration： 01 minutes 53 seconds

Section9 Paste effect at the top and bottom of the web page_Case summary
duration： 01 minutes 45 seconds
Chapter8 Case 7
expand retract

Section1 Blog page_task release
duration： 01 minutes 51 seconds

Section2 Blog Page_Skill Points and Preparation Work
duration： 01 minutes 59 seconds

Section3 Blog page_step1_overall framework construction
duration： 07 minutes 43 seconds

Section4 Blog page_step2_top navigation bar
duration： 03 minutes 48 seconds

Section5 Blog page_step3_tail content design
duration： 03 minutes 42 seconds

Section6 Blog page_step4_Design top title
duration： 02 minutes 39 seconds

Section7 Blog page_step5_content part layout design
duration： 04 minutes 38 seconds

Section8 Blog page_step6_bottom article pagination
duration： 01 minutes 48 seconds

Section9 Blog page_step7_sidebar content design
duration： 03 minutes 11 seconds

Section10 Blog page_step8_Add CSS to beautify the header menu
duration： 03 minutes 59 seconds

Section11 Blog page_step9_Add CSS to beautify the tail content
duration： 02 minutes 27 seconds

Section12 Blog page_Case summary
duration： 01 minutes 29 seconds

韦小宝 Lecturer Other Courses

ElementaryHTML Chinese Reference Manual

1696
Collection
IntermediateWebpack Getting Started Video Tutorial

24626
Collection
IntermediateMobile front-end project practical video tutorial

13386
Collection
IntermediateFront-end practical mall development video tutorial

71678
Collection
IntermediateGulp Getting Started Video Tutorial

14272
Collection
ElementaryHTML/CSS technical knowledge shared daily

100590
Collection
ElementaryHTML Daily Knowledge (Season 2)

94645
Collection
IntermediateHTML Meituan webpage practical video tutorial

32055
Collection
IntermediateFront-end comprehensive project practical video tutorial

110714
Collection
ElementaryHTML Fun Breakthrough Class

20017
Collection
IntermediateFront-end enterprise project practical video tutorial

41815
Collection
IntermediateCSS advanced example video tutorial

78365
Collection

Start Learning

This course includes：

04 hours 25 minutes 38 seconds Watch videos anytime

0 Download Resources

Popular courses Latest courses

More>