Bootstrap common style components and practical combat-Free online video tutorial-php.cn

Community Learn Tools Library Leisure

English

Bootstrap common style components and practical combat

Bootstrap is one of the most popular front-end development frameworks. It integrates a large number of elegant and efficient element styles and components. Whether it is the layout of the front-end page or the construction of the back-end development framework, it can be completed quickly. This set of courses is based on the mature version 3.3.7 of Bootstrap. It uses a large number of concise small cases to allow you to quickly master the practical techniques of using Bootstrap to create front-end projects.

Intermediate

bootstrap

css

html

javascript

27641 person learning

28class hour

06 hours 20 minutes 02 secondsTotal course duration

2024-05-09update

PHPz

Gold lecturer

A total of 72 courses Student45552 Lecturer rating5.9

学习是最好的投资！More>>

Course Introduction Course Outline Data Download Other Courses

You will learn：

Quickly create your own web project using the Bootstrap front-end framework.

Bootstrap common style components and practical combat

Chapter1 Bootstrap import and layout principles
expand retract

Section1 Import and layout principles
duration： 28 minutes 17 seconds

Section2 Basic steps and examples of grid layout
duration： 38 minutes 58 seconds
Chapter2 Tables and forms in Bootstrap global styles
expand retract

Section1 Basic operations and style control of tables
duration： 19 minutes 23 seconds

Section2 Default vertical form and control group operations
duration： 29 minutes 33 seconds

Section3 Tips for creating inline forms
duration： 08 minutes 14 seconds

Section4 Creation and operation of horizontal forms
duration： 21 minutes 46 seconds
Chapter3 Bootstrap buttons and drop-down menus
expand retract

Section1 Static, read-only and disabled controls in forms
duration： 14 minutes 24 seconds

Section2 Commonly used button predefined styles
duration： 25 minutes 30 seconds

Section3 Commonly used image predefined styles
duration： 09 minutes 16 seconds

Section4 How to set text foreground and background colors
duration： 10 minutes 42 seconds

Section5 How to add font icons and usage scenarios
duration：In calculation

Section6 How to create and activate drop-down menus
duration： 13 minutes 09 seconds

Section7 Tips for creating button groups and split drop-down menus
duration： 12 minutes 58 seconds
Chapter4 Bootstrap navigation giant screen thumbnail and other components
expand retract

Section1 How to create and use the input box group
duration： 22 minutes 26 seconds

Section2 Common tabbed and capsule navigation setup methods
duration： 08 minutes 12 seconds

Section3 Detailed explanation of each component of the navigation bar
duration： 16 minutes 43 seconds

Section4 Common styles and setting techniques for pagination
duration： 13 minutes 38 seconds

Section5 How to set up labels and badges and how to use them
duration： 10 minutes 55 seconds

Section6 How to set up the giant screen and use it in practice
duration：In calculation

Section7 Thumbnail creation and usage scenario analysis
duration：In calculation
Chapter5 How to use common Bootstrap plug-ins
expand retract

Section1 How to use the alert box component
duration： 06 minutes 59 seconds

Section2 Usage scenarios for list groups
duration： 16 minutes 28 seconds

Section3 Usage scenarios of panels and other components
duration： 13 minutes 56 seconds

Section4 Modal box composition and setting skills
duration： 21 minutes 42 seconds

Section5 How to set up tabs
duration：In calculation

Section6 Several common scenarios for warning box plug-ins
duration：In calculation

Section7 Folding plug-in and menu creation
duration：In calculation

Section8 Detailed production steps of carousel images
duration： 16 minutes 53 seconds

Data Name operate
[must see]Bootstrap common style components, practical courseware and source code Download

PHPz Lecturer Other Courses

ElementaryIntroduction to basic parameters of Layer pop-up window

42621
Collection
ElementaryFront-end basic practical course

45345
Collection
ElementaryQuickly master the basics of programming (a must-read for beginners)

20417
Collection
ElementaryWeb Development Basics_HTML+CSS

35660
Collection
ElementaryHTML code example

141597
Collection
ElementaryBuild HTML pages from scratch

139336
Collection
ElementaryFront-end actual native layout—(Xiaomi Mall)

46594
Collection
ElementaryCSS code example

168478
Collection
ElementaryBeautification function of CSS

89320
Collection
IntermediateH5 page design project practice

30222
Collection
IntermediateHTML5 front-end interview questions

26108
Collection
ElementaryBootstrap5-make web development faster

39295
Collection

Start Learning

This course includes：

06 hours 20 minutes 02 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>