課程介紹

Bootstrap是全球最受歡迎的前端組件庫，用于開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的WEB項(xiàng)目。

本課程的主要講解Bootstrap4的基礎(chǔ)知識，講解的同時(shí)進(jìn)行代碼實(shí)戰(zhàn)演練說明，講解詳細(xì)的每個(gè)知識點(diǎn)。

適合開發(fā)響應(yīng)式布局、移動(dòng)設(shè)備優(yōu)先的WEB項(xiàng)目人員。

從Bootstrap的基礎(chǔ)知識，如何安裝，如何變通簡易的調(diào)用講起，逐步講解Bootstrap中的CSS相關(guān)布局、布局組件如何調(diào)用；講解Bootstrap相關(guān)的插件；同步實(shí)戰(zhàn)代碼和演練解說。

簡　　介 Bootstrap4從入門到精通。

一、布局

0.課件

1.Bootstrap介紹_柵格系統(tǒng)

2.禁用響應(yīng)式_響應(yīng)式分界點(diǎn)

二、內(nèi)容

3.排版_代碼

4.圖片_圖片框

5.表格

三、公共樣式

6.邊框_浮動(dòng)

7.顏色_Display顯示屬性

8.文本處理_垂直對齊_規(guī)格與尺寸

9.間隔_陰影

10.position定位_visibility顯示或隱藏_關(guān)閉圖標(biāo)

11.嵌入_圖像替換_讀屏器

12.flex彈性布局

四、組件

13.警告提示框(Alert)

14.徽章(Badge)_面包屑導(dǎo)航(Breadcrumb)

15.按鈕(Button)

16.下拉菜單(Dropdowns)

17.按鈕組(Btn-group)

18.Input輸入框及輸入框群組

19.表單(Form)

20.輪播效果(Carousel)

21.Hero廣告大塊屏幕(Jumbotron)_列表組(List-group)

22.媒體對象-圖文混排(Media-object)

23.彈出提示框(Toast)

24.提示冒泡(Tooltip)

25.POP提示(Popover)

26.彈出模態(tài)框(Modal)

27.導(dǎo)航-滑動(dòng)門(nav)

28.導(dǎo)航欄(navbar)

29.卡片(Card)

30.折疊面板(Collapse)

31.分頁(Pagination)_進(jìn)度條(Progress)

32.滾動(dòng)監(jiān)聽(Scrollspy)

33.旋轉(zhuǎn)特效(Spinners)

五、延伸

34.字體圖標(biāo)