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

Community

Learn

Tools Library

AI Tools

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

29181 person learning

28class hour

06 hours 20 minutes 02 secondsTotal course duration

2024-05-09update

PHPz

Gold lecturer

A total of 72 courses Student45553 Lecturer rating5.1

学习是最好的投资！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

44745
Collection
ElementaryFront-end basic practical course

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

21124
Collection
ElementaryWeb Development Basics_HTML+CSS

36758
Collection
ElementaryHTML code example

143091
Collection
ElementaryBuild HTML pages from scratch

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

47905
Collection
ElementaryCSS code example

170915
Collection
ElementaryBeautification function of CSS

89903
Collection
IntermediateH5 page design project practice

31963
Collection
IntermediateHTML5 front-end interview questions

27317
Collection
ElementaryBootstrap5-make web development faster

40777
Collection

Start Learning

This course includes：

06 hours 20 minutes 02 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>