search

Next Section: 熟悉又陌生的页头元素5884 plays

5 秒后自动播放下一节
  Watch Again

Dugu Jiujian (7)_Bootstrap video tutorial

Introduction >
ChapterCourseware
Chapter1First experience with Bootstrap

What is Bootstrap? What can it do?

02 minutes49 seconds

How to download Bootstrap? Official website and GitHub

05 minutes58 seconds

File import and basic template: local import/CDN import

07 minutes03 seconds

The principle of grid layout: from grid to threshold

05 minutes19 seconds

The implementation process of grid layout: the division of containers into columns

12 minutes32 seconds

Tips on using the front-end code artifact Emmet plug-in

20 minutes00 seconds
Chapter2Commonly used typography elements

Title and page body: h1~h6 and global settings

03 minutes37 seconds

Inline text processing: tags/quotes/lists etc.

09 minutes44 seconds

Processing of code text in the page: embedded/keyboard/variables/output

05 minutes23 seconds

Introduction to commonly used table styles: universal/interlaced color/responsive, etc.

07 minutes08 seconds

Basic Form [Vertical Form]: The most common form

06 minutes06 seconds

Inline form: All elements are displayed in the same row to create more space

04 minutes46 seconds

Horizontal form: labels and controls are displayed horizontally in the same row, responsive design

06 minutes24 seconds

Button: Bootstrap predefined beautiful styles

04 minutes20 seconds

Image: Responsiveness vs. Shape Styles

05 minutes01 seconds
Chapter3Common components

Tips for using font icons: infinite enlargement without distortion

07 minutes09 seconds

Drop-down menu: the perfect combination of buttons and lists

04 minutes49 seconds

Types and Design Techniques of Button Groups: United We Have Strength

03 minutes19 seconds

Button drop-down menu: the basis for navigation

03 minutes30 seconds

Input box group: Integrate text boxes with other elements

04 minutes16 seconds

Basic navigation component knowledge: tabbed and capsule style

03 minutes40 seconds

Path navigation: also called "breadcrumb navigation"

01 minutes27 seconds

Pagination component: classic style and page turning style

01 minutes54 seconds

Add an eye-catching label to the element

02 minutes24 seconds

Wear badges on elements to make them look taller

02 minutes07 seconds

Giant screen: production of huge advertisements on the page

04 minutes09 seconds

Familiar and unfamiliar header elements

02 minutes03 seconds

Thumbnail component: Let’s make an island country video site together

04 minutes56 seconds

Warning box: It turns out that pop-up windows can be so refreshing and refined

03 minutes25 seconds
Chapter4[Optional] Commonly used JavaScript plug-ins

Modal box example

06 minutes56 seconds
  • CancelreplySending
  • Cancelpost a noteSending