精通 Bootstrap 4 – 開發超強不解釋，网盘下载(2.54G)

01六角學院線上資源[1.97K]

001六角學院線上社團.html[1.97K]

02課程概觀[44.68M]

002為什麼Bootstrap有這樣大的魅力.mp4[13.32M]

002為什麼Bootstrap有這樣大的魅力-zh.srt[3.15K]

003Bootstrap4與前一版的差異.mp4[14.97M]

004新手、老手課程導覽.mp4[2.64M]

005更新紀錄.html[1.85K]

006字幕錯誤修正.html[1.05K]

007Bootstrap-Keynote-beta1.pdf[13.75M]

007課程補充教材.html[1.25K]

03快速上手Bootstrap[93.27M]

008認識Bootstrap的文件.mp4[19.45M]

008認識Bootstrap的文件-zh.srt[9.46K]

009中英文文件連結.html[1.12K]

010建立開發環境-使用VSCode.mp4[16.20M]

010建立開發環境-使用VSCode-zh.srt[10.37K]

011加入Bootstrap及元件的組成概念.mp4[30.33M]

011加入Bootstrap及元件的組成概念-zh.srt[14.96K]

012Bootstrap建立第一個網頁.mp4[27.24M]

012Bootstrap建立第一個網頁-zh.srt[12.34K]

012starter.html[5.20K]

04基礎內容文件要點說明[125.72M]

013重置排版.mp4[44.14M]

013重置排版-zh.srt[20.45K]

014typography.html[4.92K]

014文字與語意化.mp4[29.84M]

014文字與語意化-zh.srt[13.30K]

015圖片與響應式.mp4[30.48M]

015圖片與響應式-zh.srt[15.42K]

016table.html[3.15K]

016表格基本架構說明.mp4[21.20M]

05Flex、網格系統及相關的排版概念[313.80M]

017網格概念.mp4[24.62M]

018Bootstrap中的欄與列.mp4[24.55M]

018grid.html[1.87K]

019Bootstrap中的響應式中斷點.mp4[32.11M]

020欄與欄寬.mp4[10.30M]

021CSS3Flex的重要觀念⭐⭐⭐.mp4[29.99M]

022Bootstrap通用類別與Flex⭐.mp4[29.69M]

022grid-and-flex.html[4.12K]

023Container觀念⭐.mp4[12.93M]

024BootstrapFlex補充說明⭐.mp4[13.30M]

024flex-utilities-less-use.html[1.63K]

025utilities-spacing.html[1.99K]

025通用類別中的Spacing妙用.mp4[22.82M]

026範例：元件與Grid的關係.mp4[16.06M]

027flex-img.html[2.06K]

027範例：使用Grid製作相簿排版.mp4[46.18M]

028flex-timeline.html[4.97K]

028範例：使用Grid製作時間軸的排版.mp4[47.86M]

029結語：本章很重要，請多多練習.mp4[3.39M]

06Bootstrap通用類別(Utilities)[166.38M]

030下載練習範例並運行.mp4[8.63M]

030下載練習範例並運行-zh.srt[4.26K]

031課程練習網址.html[1.11K]

032Grid額外練習章節：網格系統.mp4[18.76M]

033Grid額外練習章節：媒體物件.mp4[8.50M]

034Borders邊框.mp4[16.13M]

034Borders邊框-zh.srt[11.33K]

035Clearfix清除浮動⭐.mp4[2.55M]

035Clearfix清除浮動⭐-zh.srt[2.47K]

036CloseIcon關閉圖示.mp4[1.80M]

036CloseIcon關閉圖示-zh.srt[1.78K]

037Color顏色⭐⭐.mp4[8.62M]

037Color顏色⭐⭐-zh.srt[5.33K]

038Display顯示屬性⭐⭐.mp4[9.43M]

038Display顯示屬性⭐⭐-zh.srt[8.04K]

039Embed內嵌.mp4[5.89M]

039Embed內嵌-zh.srt[3.14K]

040通用類別Flex⭐⭐⭐.mp4[43.39M]

040通用類別Flex⭐⭐⭐-zh.srt[15.53K]

041通用類別Float⭐.mp4[5.50M]

041通用類別Float⭐-zh.srt[3.87K]

042Imagereplacement圖像替換.mp4[1.27M]

042Imagereplacement圖像替換-zh.srt[1.17K]

043Position位置⭐.mp4[9.73M]

043Position位置⭐-zh.srt[6.20K]

044Screenreaders螢幕閱讀器.mp4[1.51M]

044Screenreaders螢幕閱讀器-zh.srt[1.58K]

045Sizing尺寸.mp4[2.98M]

045Sizing尺寸-zh.srt[1.99K]

046Spacing間隔⭐⭐⭐.mp4[9.89M]

046Spacing間隔⭐⭐⭐-zh.srt[6.59K]

047Text文字⭐⭐⭐.mp4[7.41M]

047Text文字⭐⭐⭐-zh.srt[5.07K]

048vertical-align垂直對齊.mp4[2.87M]

048vertical-align垂直對齊-zh.srt[2.51K]

049Visibility可見性.mp4[1.44M]

049Visibility可見性-zh.srt[1.32K]

07Bootstrap元件(Components)[397.08M]

050Bootstrap文件概述.mp4[14.97M]

050Bootstrap文件概述-zh.srt[6.97K]

051盲人如何閱讀網頁(網頁親和性與他的工具).mp4[17.81M]

051盲人如何閱讀網頁(網頁親和性與他的工具)-zh.srt[12.55K]

052Sass與Bootstrap.mp4[18.90M]

052Sass與Bootstrap-zh.srt[8.01K]

053Alerts警報⭐.mp4[9.67M]

053Alerts警報⭐-zh.srt[7.43K]

054Badge標籤.mp4[9.40M]

054Badge標籤-zh.srt[5.96K]

055breadcrumb麵包屑.mp4[5.23M]

055breadcrumb麵包屑-zh.srt[4.50K]

056Buttons按鈕⭐⭐⭐.mp4[55.30M]

057Buttongroup按鈕群組.mp4[23.96M]

057Buttongroup按鈕群組-zh.srt[11.19K]

058Card卡片⭐⭐.mp4[34.73M]

058Card卡片⭐⭐-zh.srt[21.65K]

059Carousel輪播.mp4[16.51M]

059Carousel輪播-zh.srt[6.66K]

060Collapse折疊⭐⭐.mp4[16.16M]

060Collapse折疊⭐⭐-zh.srt[8.54K]

061Dropdowns下拉選單⭐.mp4[10.99M]

061Dropdowns下拉選單⭐-zh.srt[7.71K]

062Forms表單⭐⭐⭐.mp4[48.57M]

063表單驗證.mp4[12.44M]

063表單驗證-zh.srt[7.40K]

064Inputgroup_Input群組.mp4[7.00M]

065Jumbotron廣告大屏幕.mp4[3.12M]

065Jumbotron廣告大屏幕-zh.srt[1.97K]

066Listgroup列表群組.mp4[13.91M]

067Modal互動視窗⭐⭐.mp4[11.63M]

068Navs導覽⭐.mp4[11.98M]

068Navs導覽⭐-zh.srt[8.22K]

069Navbar導覽列⭐⭐⭐.mp4[20.16M]

069Navbar導覽列⭐⭐⭐-zh.srt[14.25K]

070Pagination分頁.mp4[6.52M]

070Pagination分頁-zh.srt[4.53K]

071Popovers,Tooltips_彈出提示框、工具提示框⭐.mp4[8.89M]

071Popovers,Tooltips_彈出提示框、工具提示框⭐-zh.srt[6.49K]

072Scrollspy滾動監控.mp4[11.07M]

072Scrollspy滾動監控-zh.srt[3.55K]

073Progress進度條.mp4[8.02M]

073Progress進度條-zh.srt[5.74K]

08實作練習：Blog網站版型[144.63M]

074Blog版型案例說明.mp4[17.25M]

074Blog版型案例說明-zh.srt[6.26K]

075將Fontawesome加到網頁上.mp4[5.65M]

075將Fontawesome加到網頁上-zh.srt[3.33K]

076使用從零開始建立Blog版型.mp4[26.32M]

076使用從零開始建立Blog版型-zh.srt[11.21K]

077網格系統及內文排版.mp4[51.91M]

077網格系統及內文排版-zh.srt[20.13K]

078留言區塊排版說明.mp4[25.72M]

078留言區塊排版說明-zh.srt[9.57K]

079使用Utilities建立Footer結構.mp4[13.20M]

079使用Utilities建立Footer結構-zh.srt[7.54K]

080Blog作業檢查.mp4[4.49M]

080Blog作業檢查-zh.srt[1.80K]

081blog.zip[26.66K]

081部落格作業說明.html[3.08K]

09形象首頁版型介紹[397.21M]

082形象版網頁頁面的介紹.mp4[26.06M]

082形象版網頁頁面的介紹-zh.srt[7.75K]

083LandingPage.zip[31.41K]

083範例檔案及相關連結.html[2.64K]

084Navbar的實作與調整.mp4[39.35M]

084Navbar的實作與調整-zh.srt[18.08K]

085製作滿版的背景圖及文字輪播.mp4[45.73M]

085製作滿版的背景圖及文字輪播-zh.srt[14.21K]

086常見的三欄式排版.mp4[39.01M]

086常見的三欄式排版-zh.srt[12.52K]

087使用格線做混合式排版.mp4[56.90M]

087使用格線做混合式排版-zh.srt[16.48K]

088充滿自由的Flex排版.mp4[18.46M]

088充滿自由的Flex排版-zh.srt[6.63K]

089網頁上置放GoogleMap及表單.mp4[46.88M]

089網頁上置放GoogleMap及表單-zh.srt[15.87K]

090Bootstrap簡易表單驗證.mp4[25.14M]

090Bootstrap簡易表單驗證-zh.srt[8.16K]

091格線系統及背景效果.mp4[19.90M]

091格線系統及背景效果-zh.srt[6.76K]

092網頁中不同Modal互相切換的手法.mp4[47.77M]

092網頁中不同Modal互相切換的手法-zh.srt[12.42K]

093修正Modal小錯誤.mp4[31.85M]

10後台版型介紹上線[249.72M]

094後台版型課程介紹.mp4[17.65M]

094後台版型課程介紹-zh.srt[7.97K]

095dashboard-update.html[198.20K]

095範例檔案及相關連結.html[2.44K]

096使用Flex伸展特性安排組件.mp4[37.58M]

096使用Flex伸展特性安排組件-zh.srt[21.55K]

097為你的後台加上圖表版型.mp4[32.10M]

097為你的後台加上圖表版型-zh.srt[16.80K]

098表格結構注意細節.mp4[42.84M]

098表格結構注意細節-zh.srt[23.45K]

099為了你的後台加上控制列.mp4[14.45M]

099為了你的後台加上控制列-zh.srt[7.57K]

100為表格加上回饋式訊息.mp4[32.88M]

100為表格加上回饋式訊息-zh.srt[17.93K]

101進階Modal使用，動態傳入參數.mp4[55.99M]

101進階Modal使用，動態傳入參數-zh.srt[23.06K]

102最後補充及作業說明.mp4[15.91M]

102最後補充及作業說明-zh.srt[7.80K]

11購物網站介面上線[221.76M]

103Bootstrap製作購物網頁簡介.mp4[12.79M]

103Bootstrap製作購物網頁簡介-zh.srt[6.13K]

104shoppingCart.html[201.80K]

104範例檔案及相關連結.html[1.57K]

105自定義Dropdown技巧.mp4[27.77M]

105自定義Dropdown技巧-zh.srt[15.49K]

106Jumbotron大區塊排版技巧.mp4[13.19M]

106Jumbotron大區塊排版技巧-zh.srt[7.52K]

107卡片式排版與GridSystem整齊排版手法.mp4[50.68M]

107卡片式排版與GridSystem整齊排版手法-zh.srt[21.48K]

108使用ListGroup切換產品類別.mp4[35.96M]

108使用ListGroup切換產品類別-zh.srt[12.11K]

109產品購買區塊製作.mp4[38.10M]

109產品購買區塊製作-zh.srt[20.44K]

110使用Alert元件製作多步驟提示.mp4[12.64M]

110使用Alert元件製作多步驟提示-zh.srt[8.33K]

111收合購物車列表及表單排版技巧.mp4[20.02M]

111收合購物車列表及表單排版技巧-zh.srt[10.29K]

112購物車頁面作業說明.mp4[10.31M]

112購物車頁面作業說明-zh.srt[4.59K]

12Bootstrap與Sass[179.63M]

113Sass環境與運行的方法.mp4[23.97M]

113Sass環境與運行的方法-zh.srt[13.67K]

114本章節使用的說明文件.html[3.03K]

115選擇性載入Bootstrap與修改變數.mp4[38.97M]

115選擇性載入Bootstrap與修改變數-zh.srt[19.45K]

116變數修改說明及示例.mp4[51.68M]

116變數修改說明及示例-zh.srt[19.91K]

117新增自己的元件，並讀取Bootstrap的變數.mp4[35.12M]

117新增自己的元件，並讀取Bootstrap的變數-zh.srt[18.87K]

118正式版後變數的改變以及Sass錯誤的排除方式.mp4[19.91M]

119如何釋出編譯後的Sass檔案.mp4[9.92M]

119如何釋出編譯後的Sass檔案-zh.srt[4.02K]

13更好的Bootstrap版型開發[199.09M]

120更好的版型設計-從版型中尋找合適的範例.mp4[49.67M]

120更好的版型設計-從版型中尋找合適的範例-zh.srt[21.83K]

121更好的版型設計-從相關的資源臨摹.mp4[24.08M]

122範例網站及章節程式碼.html[2.19K]

123不同的排版-不規則格狀排版.mp4[31.39M]

123不同的排版-不規則格狀排版-zh.srt[13.95K]

124不同的排版-高低不同的價格表.mp4[18.00M]

124不同的排版-高低不同的價格表-zh.srt[10.84K]

125使用Sass開發屬於自己的元件(上).mp4[32.18M]

125使用Sass開發屬於自己的元件(上)-zh.srt[15.75K]

126使用Sass開發屬於自己的元件(下).mp4[43.69M]

126使用Sass開發屬於自己的元件(下)-zh.srt[25.64K]

14BootstrapJavaScript元件補充說明[62.88M]

127JS元件的其它操作方法概述.mp4[18.18M]

127JS元件的其它操作方法概述-zh.srt[6.89K]

128-.txt[0.04K]

128Options與Methods基礎套用方法.mp4[28.60M]

128Options與Methods基礎套用方法-zh.srt[10.09K]

128Random-User-API.txt[0.02K]

129使用Events監控元件狀態.mp4[16.07M]

129使用Events監控元件狀態-zh.srt[12.08K]

Quiz(getbootstrap-4).html[18.25K]