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

Article Topic Learning Download Q&A Programming Dictionary Game Recent Updates

简体中文(ZH-CN) English(EN) 繁体中文(ZH-TW) 日本語(JA) 한국어(KO) Melayu(MS) Français(FR) Deutsch(DE)

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

24606 person learning

28 class hour

06 hours 20 minutes 02 seconds Total course duration

2024-05-09update

PHPz

Gold lecturer

A total of 72 coursesStudent45551 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 Nameoperate
[must see]Bootstrap common style components, practical courseware and source code Download

PHPz Lecturer Other Courses

Elementary Introduction to basic parameters of Layer pop-up window

36780
Collection
Elementary Front-end basic practical course

39504
Collection
Elementary Quickly master the basics of programming (a must-read for beginners)

18390
Collection
Elementary Web Development Basics_HTML+CSS

32999
Collection
Elementary HTML code example

137473
Collection
Elementary Build HTML pages from scratch

137002
Collection
Elementary Front-end actual native layout—(Xiaomi Mall)

43092
Collection
Elementary CSS code example

160847
Collection
Elementary Beautification function of CSS

86943
Collection
Intermediate H5 page design project practice

25621
Collection
Intermediate HTML5 front-end interview questions

22472
Collection
Elementary Bootstrap5-make web development faster

34773
Collection

Start Learning

This course includes：

06 hours 20 minutes 02 seconds Watch videos anytime

1 Download Resources

Popular courses Latest courses

More>

About us Disclaimer Sitemap: php.cn：Public welfare online PHP training，Help PHP learners grow quickly！