1. Bootstrap4 basics (layout system, grid system, display and hide, alignment and arrangement, content typesetting, code and graphics, table style, color and border, tools)

1.1 A brief introduction to Bootstrap

Insert picture description here

1.2 Bootstrap structure

Insert picture description here

1.3 Bootstrap installation and testing

Insert picture description here

1.4 Layout system

Insert picture description here

1.5 Grid system

Insert picture description here

4.6 Grid level

Insert picture description here

1.7 Show and hide

Insert picture description here

1.7 Alignment and arrangement

Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

1.8 Content layout

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

1.9 Code and graphics

Insert picture description here

1.9.1 Set the picture to be displayed in the center

Insert picture description here
Insert picture description here

1.9.1 Set picture responsive display

Insert picture description here

1.9.2 Set image thumbnail display and display position

Insert picture description here

1.9.3 Set image responsive replacement, larger image larger than 600px, small image smaller than 600px

Insert picture description here

1.9.4 Set image and text alignment

Insert picture description here

1.10 Table style

Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

1.11 Color and border

Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Insert picture description here
Insert picture description here

1.12 Common styles (close button, float, clear float, text-hide, overflow-hidden, visible, align-*)

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

1.13 Common styles (inside and outside margins, width and height, shadow)

Insert picture description here
Insert picture description here
Insert picture description here

1.14 公共样式(d-none,d-block,text-wrap,text-break,text-lowercase,text-reset,test-decoration-none,text-italic,embed-responsive)Insert picture description here

Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here
Insert picture description here

Guess you like

Origin blog.csdn.net/weixin_44827418/article/details/114628467