: z! _3 h1 P6 H/ V1 M* Y8 p ┣━━02 課程概觀 [44.7M] P& U# r7 D6 u" e: o: y4 j
┃ ┣━━002 為什麼 Bootstrap 有這樣大的魅力-zh.srt [3.1K]
$ b$ {/ ~$ S2 _! u) L6 j ┃ ┣━━002 為什麼 Bootstrap 有這樣大的魅力.mp4 [13.3M]0 f( k5 o2 `* D- u; K
┃ ┣━━003 Bootstrap 4 與前一版的差異.mp4 [15M]
9 c3 E1 I9 C/ Y! H# g3 V ┃ ┣━━004 新手、老手課程導覽.mp4 [2.6M]
8 V6 q4 }, u6 I% L' n ┃ ┣━━005 更新紀錄.html [1.8K]0 k- ?$ |. K: N/ W0 s! N
┃ ┣━━006 字幕錯誤修正.html [1.1K]
3 S { ]1 M( O M& Z ┃ ┣━━007 Bootstrap-Keynote-beta1.pdf [13.7M]
" P0 B# a; ` O2 r ┃ ┗━━007 課程補充教材.html [1.3K]8 K3 S$ s: M/ t
┣━━03 快速上手 Bootstrap [93.3M]
+ S- W4 W. x X4 q% j4 U ┃ ┣━━008 認識 Bootstrap 的文件-zh.srt [9.5K]
1 e4 U% _" H" ^* P. T9 t; j ┃ ┣━━008 認識 Bootstrap 的文件.mp4 [19.4M]- O" d* _7 C" @
┃ ┣━━009 中英文文件連結.html [1.1K]9 q9 s9 |% f: E0 T8 n2 i& n
┃ ┣━━010 建立開發環境 - 使用 VSCode-zh.srt [10.4K]
3 Y# ^" d& w3 _0 S+ j: Y8 z. B ┃ ┣━━010 建立開發環境 - 使用 VSCode.mp4 [16.2M]# n9 E n' c) n2 R& N
┃ ┣━━011 加入 Bootstrap 及元件的組成概念-zh.srt [15K]
% L& g- P8 k* v/ Z: K ┃ ┣━━011 加入 Bootstrap 及元件的組成概念.mp4 [30.3M]
( a# @# r6 K$ V" j ┃ ┣━━012 Bootstrap 建立第一個網頁-zh.srt [12.3K]" H5 c$ V9 ]1 U& \
┃ ┣━━012 Bootstrap 建立第一個網頁.mp4 [27.2M]9 j- n( W, k* w4 s# {4 O
┃ ┗━━012 starter.html [5.2K]3 Z. d' d. ^5 `. h- s q
┣━━04 基礎內容文件要點說明 [125.7M]
2 H" R! i+ r& n8 J ┃ ┣━━013 重置排版-zh.srt [20.4K]
4 E7 K( ] U; d8 U ┃ ┣━━013 重置排版.mp4 [44.1M]
. q2 t c/ ~# ^" y; F ┃ ┣━━014 typography.html [4.9K]- p4 p$ l' X9 B, e/ `1 X, I
┃ ┣━━014 文字與語意化-zh.srt [13.3K]
5 u+ C" ?) w" T, \/ K ┃ ┣━━014 文字與語意化.mp4 [29.8M]
; B- E; r+ p+ n. S7 c ┃ ┣━━015 圖片與響應式-zh.srt [15.4K]
0 s* S5 B* W. W [ ┃ ┣━━015 圖片與響應式.mp4 [30.5M]. u8 F+ i1 \ p7 D( G" D
┃ ┣━━016 table.html [3.2K]) h+ P" N7 f8 Z4 e! m* ~( P: `
┃ ┗━━016 表格基本架構說明.mp4 [21.2M]2 X3 C V2 ^7 \: o, }
┣━━05 Flex 、網格系統 及相關的排版概念 [313.8M]
1 \' u" u: g4 u# | ┃ ┣━━017 網格概念.mp4 [24.6M]2 D1 ~+ D- O& Z4 b# }4 |) a( L
┃ ┣━━018 Bootstrap 中的欄與列.mp4 [24.5M]( u$ {3 _3 Q. @- @$ `
┃ ┣━━018 grid.html [1.9K]8 ~; m# F5 X' g: M$ j/ l: q D
┃ ┣━━019 Bootstrap 中的響應式中斷點.mp4 [32.1M]
, G; y& _6 N! p' G4 U, P7 d ┃ ┣━━020 欄與欄寬.mp4 [10.3M]' e1 C1 h: e( z$ `
┃ ┣━━021 CSS3 Flex 的重要觀念 ⭐ ⭐ ⭐.mp4 [30M]
1 h/ Y7 \2 H* F0 e ┃ ┣━━022 Bootstrap 通用類別與 Flex ⭐.mp4 [29.7M]% T. Z4 @' }' x: C$ b, U& [
┃ ┣━━022 grid-and-flex.html [4.1K]
1 B" H$ ]- K& C8 m( j" {) j/ v ┃ ┣━━023 Container 觀念 ⭐.mp4 [12.9M]$ w& X( s* j& d) ]% {
┃ ┣━━024 Bootstrap Flex 補充說明 ⭐.mp4 [13.3M] S6 i' |, o7 J9 S; m' }
┃ ┣━━024 flex-utilities-less-use.html [1.6K]
) @1 l; d1 H9 _ ┃ ┣━━025 utilities-spacing.html [2K]& ?" w- T( Y0 W1 y! w8 o4 U
┃ ┣━━025 通用類別中的 Spacing 妙用.mp4 [22.8M]
' i u8 L+ E$ x1 r& [7 Q ┃ ┣━━026 範例：元件與 Grid 的關係.mp4 [16.1M]) m# D( R/ f7 v, k6 c
┃ ┣━━027 flex-img.html [2.1K]# U; T# Q0 E2 ^. h- i! b9 G5 m R3 |8 z
┃ ┣━━027 範例：使用 Grid 製作相簿排版.mp4 [46.2M]' H' R1 g3 l" M0 W# x; y
┃ ┣━━028 flex-timeline.html [5K]
# F6 |& T0 y# h3 C( ~% c; w ┃ ┣━━028 範例：使用 Grid 製作時間軸的排版.mp4 [47.9M] n* {: W4 q3 E6 l
┃ ┗━━029 結語：本章很重要，請多多練習.mp4 [3.4M]
! Y/ K' x7 n' x5 j ┣━━06 Bootstrap 通用類別 (Utilities) [166.4M]+ h8 d' I7 X4 `( \' U" S
┃ ┣━━030 下載練習範例並運行-zh.srt [4.3K]) h7 V: Y. ]% v
┃ ┣━━030 下載練習範例並運行.mp4 [8.6M]
, k$ k% U0 w, I( g% G ┃ ┣━━031 課程練習網址.html [1.1K]
3 p$ g% ^9 ~3 S4 w, | ┃ ┣━━032 Grid 額外練習章節：網格系統.mp4 [18.8M]
7 l" Z y. M$ c0 H$ A0 Y ┃ ┣━━033 Grid 額外練習章節：媒體物件.mp4 [8.5M] I6 K. ]8 u, Q# L
┃ ┣━━034 Borders 邊框-zh.srt [11.3K]
5 @% G. Z! t) q- W) E ┃ ┣━━034 Borders 邊框.mp4 [16.1M]" @1 b6 M M+ g# f4 ~/ c
┃ ┣━━035 Clearfix 清除浮動 ⭐-zh.srt [2.5K]# L* e+ O# W% a& ^. w# m
┃ ┣━━035 Clearfix 清除浮動 ⭐.mp4 [2.5M]( ?( h7 h/ ^- `. F5 n
┃ ┣━━036 Close Icon 關閉圖示-zh.srt [1.8K]% E. \; f. J# c
┃ ┣━━036 Close Icon 關閉圖示.mp4 [1.8M]
9 X- e! X7 m* p& u- Y6 |1 {* ^ ┃ ┣━━037 Color 顏色 ⭐⭐-zh.srt [5.3K]: U2 h9 m2 W4 q/ N. Z" T
┃ ┣━━037 Color 顏色 ⭐⭐.mp4 [8.6M]2 N1 V% i* R4 A6 I2 }- w
┃ ┣━━038 Display 顯示屬性 ⭐⭐-zh.srt [8K]
; b9 f+ n# C* p, c ┃ ┣━━038 Display 顯示屬性 ⭐⭐.mp4 [9.4M]
2 N5 M! x5 h' n9 R& s5 x ┃ ┣━━039 Embed 內嵌-zh.srt [3.1K]9 b7 [+ l: M7 t
┃ ┣━━039 Embed 內嵌.mp4 [5.9M]
" \" n' D) _( ~6 y; ^ ┃ ┣━━040 通用類別 Flex ⭐⭐⭐-zh.srt [15.5K]; o1 q. @4 ~" ?+ j8 p5 I
┃ ┣━━040 通用類別 Flex ⭐⭐⭐.mp4 [43.4M]
7 N) B$ ]& _; @ ┃ ┣━━041 通用類別 Float ⭐-zh.srt [3.9K]" o& x4 ^5 e/ Z4 X* z6 F% F
┃ ┣━━041 通用類別 Float ⭐.mp4 [5.5M]2 h: I: x" T, V+ ]" L ~3 j
┃ ┣━━042 Image replacement 圖像替換-zh.srt [1.2K]: _( d7 G; Z. j8 N4 {% R+ y% W
┃ ┣━━042 Image replacement 圖像替換.mp4 [1.3M]
% Y6 {0 _. [/ p9 Y4 l ┃ ┣━━043 Position 位置 ⭐-zh.srt [6.2K]
% n' n3 D! \: O" o& I5 s ┃ ┣━━043 Position 位置 ⭐.mp4 [9.7M], i v1 Y% G5 i
┃ ┣━━044 Screenreaders 螢幕閱讀器-zh.srt [1.6K]7 Z, {: Y8 F$ G$ x5 M& f
┃ ┣━━044 Screenreaders 螢幕閱讀器.mp4 [1.5M]
! N. T* d z: H6 \) c ┃ ┣━━045 Sizing 尺寸-zh.srt [2K]4 u* ]1 S y& ~
┃ ┣━━045 Sizing 尺寸.mp4 [3M]' [; H0 Y, }5 i7 c2 p$ h
┃ ┣━━046 Spacing 間隔 ⭐⭐⭐-zh.srt [6.6K]
# \2 F8 a* |) k1 n5 o. q9 k ┃ ┣━━046 Spacing 間隔 ⭐⭐⭐.mp4 [9.9M]' P& m, L9 p3 w9 k; E W) q1 w
┃ ┣━━047 Text 文字 ⭐⭐⭐-zh.srt [5.1K]# A/ E+ E; ~0 }; @+ }$ e
┃ ┣━━047 Text 文字 ⭐⭐⭐.mp4 [7.4M]
5 J/ H* o# j# Q ┃ ┣━━048 vertical-align 垂直對齊-zh.srt [2.5K]
8 u# K1 ^. o0 q% [9 u ┃ ┣━━048 vertical-align 垂直對齊.mp4 [2.9M]. Q7 ~; `, \3 s
┃ ┣━━049 Visibility 可見性-zh.srt [1.3K]$ Z8 k5 Z% g! j0 N/ _7 w
┃ ┗━━049 Visibility 可見性.mp4 [1.4M]
: \& H2 ]/ Z+ a, e5 k' h" z. l ┣━━07 Bootstrap 元件 (Components) [397.1M]4 P+ y0 m X2 b$ j, A- ?
┃ ┣━━050 Bootstrap 文件概述-zh.srt [7K], {+ ?! O3 l1 j6 K4 c9 z0 U
┃ ┣━━050 Bootstrap 文件概述.mp4 [15M]1 u- }3 S& G4 v1 M
┃ ┣━━051 盲人如何閱讀網頁 (網頁親和性與他的工具)-zh.srt [12.6K]
7 }: \( E# p0 D9 s) [( _" g ┃ ┣━━051 盲人如何閱讀網頁 (網頁親和性與他的工具).mp4 [17.8M]9 \5 ]/ J- o3 K% M D! N T
┃ ┣━━052 Sass 與 Bootstrap-zh.srt [8K]/ X; ~: d* r* ~; x
┃ ┣━━052 Sass 與 Bootstrap.mp4 [18.9M]9 T0 ?# S' Y* B/ J# B7 Z& g1 a/ {
┃ ┣━━053 Alerts 警報 ⭐-zh.srt [7.4K]
1 c( C8 {+ o0 V/ _ ┃ ┣━━053 Alerts 警報 ⭐.mp4 [9.7M]
$ |9 i/ S) s7 @! f9 O" L$ r' _7 d ┃ ┣━━054 Badge 標籤-zh.srt [6K]( C2 @" N- ^0 z3 b& _. X
┃ ┣━━054 Badge 標籤.mp4 [9.4M]3 r+ l! C' v6 h/ c
┃ ┣━━055 breadcrumb 麵包屑-zh.srt [4.5K]4 U; T F) k9 H c2 Y% }6 ], N
┃ ┣━━055 breadcrumb 麵包屑.mp4 [5.2M]
( N8 J* p3 T: | ┃ ┣━━056 Buttons 按鈕 ⭐⭐⭐.mp4 [55.3M]3 l/ x2 Z0 V" S+ j
┃ ┣━━057 Button group 按鈕群組-zh.srt [11.2K]$ B' \# o7 W" m& a
┃ ┣━━057 Button group 按鈕群組.mp4 [24M]) \0 ]+ x' B6 I8 a g9 p+ ?0 e
┃ ┣━━058 Card 卡片 ⭐⭐-zh.srt [21.7K]
' _+ C2 v; G! R6 L8 K ┃ ┣━━058 Card 卡片 ⭐⭐.mp4 [34.7M]( v H4 A" c- E- y6 a3 {7 f z
┃ ┣━━059 Carousel 輪播-zh.srt [6.7K]
1 U' _/ F' Q! g ┃ ┣━━059 Carousel 輪播.mp4 [16.5M]
) L5 W- o( X+ F5 X1 D ┃ ┣━━060 Collapse 折疊 ⭐⭐-zh.srt [8.5K]
9 m/ B @2 k) C, A; Z ┃ ┣━━060 Collapse 折疊 ⭐⭐.mp4 [16.2M]
4 N. [" H3 t7 k/ |' E5 Y ┃ ┣━━061 Dropdowns 下拉選單 ⭐-zh.srt [7.7K]
0 X7 L! S: e0 k D% e7 H0 U" T" e4 W* W ┃ ┣━━061 Dropdowns 下拉選單 ⭐.mp4 [11M]
7 l% \& G; y4 Z0 R ┃ ┣━━062 Forms 表單 ⭐⭐⭐.mp4 [48.6M]
3 f8 d- A% D* F; |! }* L: s: s- B ┃ ┣━━063 表單驗證-zh.srt [7.4K]* [4 [. C# L5 G- Q. r! L) ?2 @) b
┃ ┣━━063 表單驗證.mp4 [12.4M]
! V# M2 H& z, V3 }" [/ C& c# x% E ┃ ┣━━064 Input group _ Input 群組.mp4 [7M]
F# G) I( X* I( H8 A# G ┃ ┣━━065 Jumbotron 廣告大屏幕-zh.srt [2K]
" o7 t% f" O2 N: j& X# f. E ┃ ┣━━065 Jumbotron 廣告大屏幕.mp4 [3.1M]
, G+ J- Z3 D' \ ┃ ┣━━066 List group 列表群組.mp4 [13.9M]
! b. z7 T0 I6 @# b ┃ ┣━━067 Modal 互動視窗 ⭐⭐.mp4 [11.6M]
0 B0 |& I+ y6 R8 q ┃ ┣━━068 Navs 導覽 ⭐-zh.srt [8.2K]. q9 N! |4 f l4 U a. T' M
┃ ┣━━068 Navs 導覽 ⭐.mp4 [12M]
2 t9 O7 ~: @* T! r+ i7 g: A ┃ ┣━━069 Navbar 導覽列 ⭐⭐⭐-zh.srt [14.3K]+ f! m5 V, \! f3 n- i. A
┃ ┣━━069 Navbar 導覽列 ⭐⭐⭐.mp4 [20.2M]
]) G$ X3 l! d ┃ ┣━━070 Pagination 分頁-zh.srt [4.5K]5 c9 Z# q8 T3 ?5 Z: E' i- H
┃ ┣━━070 Pagination 分頁.mp4 [6.5M]
1 u6 ~3 D$ V8 K0 |" q ┃ ┣━━071 Popovers, Tooltips _ 彈出提示框、工具提示框 ⭐-zh.srt [6.5K]0 ?: L6 H/ J" R, e( L4 L, L
┃ ┣━━071 Popovers, Tooltips _ 彈出提示框、工具提示框 ⭐.mp4 [8.9M]
3 E3 x, H: t" U1 V9 p9 g ┃ ┣━━072 Scrollspy 滾動監控-zh.srt [3.5K]0 {7 m. V8 s. h' e" f& N
┃ ┣━━072 Scrollspy 滾動監控.mp4 [11.1M]
- P1 A2 ]# J6 ~5 E) X. V1 @ F2 A# ^, M ┃ ┣━━073 Progress 進度條-zh.srt [5.7K]7 l! M: L! B" ~" v6 a$ {
┃ ┗━━073 Progress 進度條.mp4 [8M]
( s a% m4 D% X; b' N ┣━━08 實作練習： Blog 網站版型 [144.6M]# D# _4 O( z" T" ?9 m
┃ ┣━━074 Blog 版型案例說明-zh.srt [6.3K]
9 L2 j* U; M) b6 h ┃ ┣━━074 Blog 版型案例說明.mp4 [17.3M]
, Y' w* C8 }- D+ F+ A1 E# [% W9 C ┃ ┣━━075 將 Fontawesome 加到網頁上-zh.srt [3.3K]
" j3 G1 p! d. c8 g: x9 `7 @, v ┃ ┣━━075 將 Fontawesome 加到網頁上.mp4 [5.7M]1 {$ _8 I) j2 @. e R0 L
┃ ┣━━076 使用從零開始建立 Blog 版型-zh.srt [11.2K]# C# M' _' [0 D
┃ ┣━━076 使用從零開始建立 Blog 版型.mp4 [26.3M]
' _5 L- y) c8 D2 ^1 g- v% w# G( W, [- Z ┃ ┣━━077 網格系統及內文排版-zh.srt [20.1K]
4 Q1 x6 T. R4 R# e6 ~9 e ┃ ┣━━077 網格系統及內文排版.mp4 [51.9M]& X7 Q0 p5 G; j5 k9 v+ F/ D
┃ ┣━━078 留言區塊排版說明-zh.srt [9.6K]
# ?/ F% K" I2 X/ U& J+ g ┃ ┣━━078 留言區塊排版說明.mp4 [25.7M]* I; n! Z: g" z& Q, f+ Q) V4 p3 y$ l
┃ ┣━━079 使用 Utilities 建立 Footer 結構-zh.srt [7.5K]" V3 ~: `; ]: l q- i2 p# I5 H4 ]
┃ ┣━━079 使用 Utilities 建立 Footer 結構.mp4 [13.2M]6 j9 h' @; i3 }8 ]5 j& L
┃ ┣━━080 Blog 作業檢查-zh.srt [1.8K]
. }' s+ e1 Y! ]7 p; J$ g! v ┃ ┣━━080 Blog 作業檢查.mp4 [4.5M]; K! I2 H4 b0 W
┃ ┣━━081 blog.zip [26.7K]
7 P" O* B+ q4 O' e$ W/ S0 l, y: i ┃ ┗━━081 部落格作業說明.html [3.1K]$ ]1 |' K& a- H u9 u; g0 O
┣━━09 形象首頁版型介紹 [397.2M]/ m/ B/ M Y" m# _/ @4 Y8 h
┃ ┣━━082 形象版網頁頁面的介紹-zh.srt [7.7K]7 z9 O \. C7 }" t% T0 l2 J
┃ ┣━━082 形象版網頁頁面的介紹.mp4 [26.1M]
% p: ]9 K' k/ r9 { ┃ ┣━━083 LandingPage.zip [31.4K]
5 U8 v2 g+ C9 f P5 ]. M: n# t5 y: S ┃ ┣━━083 範例檔案及相關連結.html [2.6K] U: Z, x: X2 L3 L+ D$ J$ e. L
┃ ┣━━084 Navbar 的實作與調整-zh.srt [18.1K]4 v% F0 l0 [+ d8 s. g B& k! O
┃ ┣━━084 Navbar 的實作與調整.mp4 [39.4M]0 ^; S$ o( R0 }5 }4 M5 c; a: v& P
┃ ┣━━085 製作滿版的背景圖及文字輪播-zh.srt [14.2K]# v6 A9 I$ M) x
┃ ┣━━085 製作滿版的背景圖及文字輪播.mp4 [45.7M]
- d* @5 F; g( }( u% ] a ┃ ┣━━086 常見的三欄式排版-zh.srt [12.5K]) d- \9 v, A3 P s) l: d
┃ ┣━━086 常見的三欄式排版.mp4 [39M]
" U) ~. E/ v* q' ?2 s. L# n6 | ┃ ┣━━087 使用格線做混合式排版-zh.srt [16.5K]
# x7 C- k; w0 s2 w( F! I8 }; I" r ┃ ┣━━087 使用格線做混合式排版.mp4 [56.9M]
, P& o \2 H) K& F2 U+ Y9 X ┃ ┣━━088 充滿自由的 Flex 排版-zh.srt [6.6K]1 J9 N! `7 `. n! g. D; O
┃ ┣━━088 充滿自由的 Flex 排版.mp4 [18.5M]3 i5 E' w' ~# k) c
┃ ┣━━089 網頁上置放 Google Map 及表單-zh.srt [15.9K]3 e8 w" {9 y& L2 X6 U# a
┃ ┣━━089 網頁上置放 Google Map 及表單.mp4 [46.9M]
$ r4 C3 `. A0 e, O$ V' P ┃ ┣━━090 Bootstrap 簡易表單驗證-zh.srt [8.2K]& d! l% t# B4 d( i+ N
┃ ┣━━090 Bootstrap 簡易表單驗證.mp4 [25.1M]" i7 Z! Z& b. P' k4 J5 P' e2 b9 D. {
┃ ┣━━091 格線系統及背景效果-zh.srt [6.8K]5 L7 V4 k. Y: Y+ D! T$ P/ X: d; W
┃ ┣━━091 格線系統及背景效果.mp4 [19.9M]
" u; j0 f7 n6 v: f6 u* m ┃ ┣━━092 網頁中不同 Modal 互相切換的手法-zh.srt [12.4K]- h$ I4 ?8 T5 ^3 p" W
┃ ┣━━092 網頁中不同 Modal 互相切換的手法.mp4 [47.8M]! v8 L& K7 a0 w% Z8 |0 p- c
┃ ┗━━093 修正 Modal 小錯誤.mp4 [31.9M]
" _' V) F& ~# L ┣━━10 後台版型介紹 上線 [249.7M]
7 i. b0 j8 ~' K ┃ ┣━━094 後台版型課程介紹-zh.srt [8K]( l/ A" E9 \# m
┃ ┣━━094 後台版型課程介紹.mp4 [17.7M]
& R8 \1 G5 J, A5 {- y ┃ ┣━━095 dashboard-update.html [198.2K]
+ Z# o( `& ^! x, n+ t ┃ ┣━━095 範例檔案及相關連結.html [2.4K]$ {" u4 T6 ^0 ]% H
┃ ┣━━096 使用 Flex 伸展特性安排組件-zh.srt [21.6K]
1 ` `4 d! b& K2 k6 L2 [ ┃ ┣━━096 使用 Flex 伸展特性安排組件.mp4 [37.6M]
+ j8 t% w2 J B4 \- g ┃ ┣━━097 為你的後台加上圖表版型-zh.srt [16.8K]! w4 U& D X+ N, Z
┃ ┣━━097 為你的後台加上圖表版型.mp4 [32.1M]
5 q- k$ ^, p7 U8 T ┃ ┣━━098 表格結構注意細節-zh.srt [23.5K]% t2 k0 U1 @- {# m8 X, q) ?
┃ ┣━━098 表格結構注意細節.mp4 [42.8M]) P- q6 M+ Q: n" P2 O9 ?2 t3 H$ i
┃ ┣━━099 為了你的後台加上控制列-zh.srt [7.6K]
- [% Z) a7 i) C4 N# t9 W8 H ┃ ┣━━099 為了你的後台加上控制列.mp4 [14.4M]
) O, Y) u5 g. e# p. d' z- N6 V ┃ ┣━━100 為表格加上回饋式訊息-zh.srt [17.9K]
' n6 e! Z/ F2 ~ ┃ ┣━━100 為表格加上回饋式訊息.mp4 [32.9M]( i, \5 Y% x1 m( Y5 k
┃ ┣━━101 進階 Modal 使用，動態傳入參數-zh.srt [23.1K]
) L' S; P3 ?% H4 Q/ K( \" n% e ┃ ┣━━101 進階 Modal 使用，動態傳入參數.mp4 [56M] `' H2 _* X$ k# A. R8 Y; I+ i; K
┃ ┣━━102 最後補充及作業說明-zh.srt [7.8K]: y8 n, @& l- V
┃ ┗━━102 最後補充及作業說明.mp4 [15.9M]6 ?$ u9 h. o3 z2 a( D
┣━━11 購物網站介面上線 [221.8M]3 q* @5 U) R: \5 p \
┃ ┣━━103 Bootstrap 製作購物網頁簡介-zh.srt [6.1K]
0 w% }* L8 O4 q' j1 G- ] ┃ ┣━━103 Bootstrap 製作購物網頁簡介.mp4 [12.8M]
1 r9 J0 e4 `9 a" N4 { ┃ ┣━━104 shoppingCart.html [201.8K]
4 A1 Y# ^' B2 y0 J6 S8 h5 c0 H ┃ ┣━━104 範例檔案及相關連結.html [1.6K]+ {# ?- K2 Y% t/ W
┃ ┣━━105 自定義 Dropdown 技巧-zh.srt [15.5K]
, V0 B6 h; C- a/ D m1 m' l; r ┃ ┣━━105 自定義 Dropdown 技巧.mp4 [27.8M]
4 @8 H% N* `! A: p ┃ ┣━━106 Jumbotron 大區塊排版技巧-zh.srt [7.5K]
, Z, v- h% Z* v0 s7 l ┃ ┣━━106 Jumbotron 大區塊排版技巧.mp4 [13.2M]
: X' }: ^4 ^* s) |" d8 @ ┃ ┣━━107 卡片式排版與 Grid System 整齊排版手法-zh.srt [21.5K]! j `; i ^& f
┃ ┣━━107 卡片式排版與 Grid System 整齊排版手法.mp4 [50.7M]
" Z7 n! i+ ^; p; g4 k1 A! P$ T" x& Z1 P ┃ ┣━━108 使用 List Group 切換產品類別-zh.srt [12.1K]% L2 [8 t5 I7 e! M8 R( K
┃ ┣━━108 使用 List Group 切換產品類別.mp4 [36M]3 M! x5 R; ?9 C0 z# W
┃ ┣━━109 產品購買區塊製作-zh.srt [20.4K]5 ~ j/ k+ Y6 i6 c' p `3 L( [
┃ ┣━━109 產品購買區塊製作.mp4 [38.1M]2 S8 g- c2 y/ s0 V
┃ ┣━━110 使用 Alert 元件製作多步驟提示-zh.srt [8.3K]. a6 m+ f5 b/ W6 q
┃ ┣━━110 使用 Alert 元件製作多步驟提示.mp4 [12.6M]8 z% \' E8 U( g5 p8 T, z9 ~
┃ ┣━━111 收合購物車列表及表單排版技巧-zh.srt [10.3K]$ ^1 i) ?6 Q$ Z k! T
┃ ┣━━111 收合購物車列表及表單排版技巧.mp4 [20M]4 e; P$ s' x0 |. B
┃ ┣━━112 購物車頁面作業說明-zh.srt [4.6K]
8 Q. \2 J9 P1 m& A ┃ ┗━━112 購物車頁面作業說明.mp4 [10.3M]* j% Y" c* B& D* A4 c) b' |, }
┣━━12 Bootstrap 與 Sass [179.6M]& T' e* T! _2 {
┃ ┣━━113 Sass 環境與運行的方法-zh.srt [13.7K]
6 ^; V' i0 o4 Y8 h, O; \$ o ┃ ┣━━113 Sass 環境與運行的方法.mp4 [24M]2 J/ t; J+ E) [; v: Q2 g' Z5 v7 l/ B
┃ ┣━━114 本章節使用的說明文件.html [3K]
- C4 v- }5 g; I0 @2 C {/ | ┃ ┣━━115 選擇性載入 Bootstrap 與修改變數-zh.srt [19.4K]' p' s4 N. L2 D* C+ ]
┃ ┣━━115 選擇性載入 Bootstrap 與修改變數.mp4 [39M]1 J0 J. Y: \+ k# k
┃ ┣━━116 變數修改說明及示例-zh.srt [19.9K]
, Y/ t `3 \ K! C7 j/ L5 X9 c5 [ ┃ ┣━━116 變數修改說明及示例.mp4 [51.7M]
$ u- e1 o; M% f7 m+ M ┃ ┣━━117 新增自己的元件，並讀取 Bootstrap 的變數-zh.srt [18.9K]0 v1 v2 P: B; W _- V. [
┃ ┣━━117 新增自己的元件，並讀取 Bootstrap 的變數.mp4 [35.1M]! }$ h' V; J; {- \' e8 O
┃ ┣━━118 正式版後變數的改變 以及 Sass 錯誤的排除方式.mp4 [19.9M]
3 M$ C* _) z8 N6 Q+ P* Z8 S% X ┃ ┣━━119 如何釋出編譯後的 Sass 檔案-zh.srt [4K]# }7 v4 m! {& I+ b6 n/ v, s
┃ ┗━━119 如何釋出編譯後的 Sass 檔案.mp4 [9.9M]% q0 E9 r. I1 c% | }
┣━━13 更好的 Bootstrap 版型開發 [199.1M]
' H! @, X r6 p3 g$ E) S' Y! t ┃ ┣━━120 更好的版型設計 - 從版型中尋找合適的範例-zh.srt [21.8K]
# x, T$ C- p" g' L' I/ j) ~ ┃ ┣━━120 更好的版型設計 - 從版型中尋找合適的範例.mp4 [49.7M]8 u8 [7 a! a; y' H# J
┃ ┣━━121 更好的版型設計 - 從相關的資源臨摹.mp4 [24.1M]
, L# M" P2 l8 ?3 _2 V% P ┃ ┣━━122 範例網站及章節程式碼.html [2.2K]
* i! @/ e& D4 B5 [( m" z ┃ ┣━━123 不同的排版 - 不規則格狀排版-zh.srt [14K]3 ]" E! h' Q( B ~
┃ ┣━━123 不同的排版 - 不規則格狀排版.mp4 [31.4M]
1 F. f) }1 \/ n) e ┃ ┣━━124 不同的排版 - 高低不同的價格表-zh.srt [10.8K]) N( q: v8 d& e2 [2 }6 Q4 A
┃ ┣━━124 不同的排版 - 高低不同的價格表.mp4 [18M]0 C/ V) S( j$ i; Q
┃ ┣━━125 使用 Sass 開發屬於自己的元件 (上)-zh.srt [15.7K]
- D f9 q9 ?% T/ U6 ]) N7 Z4 T- L ┃ ┣━━125 使用 Sass 開發屬於自己的元件 (上).mp4 [32.2M]
) Q9 I6 _7 H* e* O ┃ ┣━━126 使用 Sass 開發屬於自己的元件 (下)-zh.srt [25.6K] i1 l: I1 Z. x3 d% z" w* \6 b2 q
┃ ┗━━126 使用 Sass 開發屬於自己的元件 (下).mp4 [43.7M]
p4 h9 u5 i. U& u5 G$ J. } ┣━━14 Bootstrap JavaScript 元件補充說明 [62.9M]
. ~6 D3 l8 h% q4 D! \, { ┃ ┣━━127 JS 元件的其它操作方法概述-zh.srt [6.9K]
. g- `( C# f: J! F9 ^4 L& c$ @ ┃ ┣━━127 JS 元件的其它操作方法概述.mp4 [18.2M]0 ]+ o6 m# V, e+ P
┃ ┣━━128 -.txt [37B]
, W3 U: w; l5 M% w# |- y, z5 f: m( N ┃ ┣━━128 Options 與 Methods 基礎套用方法-zh.srt [10.1K]- b4 g: e6 {* t( d6 H* J
┃ ┣━━128 Options 與 Methods 基礎套用方法.mp4 [28.6M]& n' u2 j8 w3 m' u# v3 g$ C
┃ ┣━━128 Random-User-API.txt [23B]$ D) d1 }# I/ J+ Q
┃ ┣━━129 使用 Events 監控元件狀態-zh.srt [12.1K]
5 p X0 E6 O# v* T# p1 A ┃ ┗━━129 使用 Events 監控元件狀態.mp4 [16.1M]2 o7 b; ~* S9 O& C. Y( _2 g0 k
┗━━Quiz(getbootstrap-4).html [18.3K]0 k- j; [- S+ a- G1 V+ T2 a! z
7 V# Q$ c) ^! |
7 v$ C4 Y+ k j+ s! r- q
2 ]6 `( J2 s" b6 Q L% Z0 e
) p* A3 O) h1 U% l$ V* C' X |
![《汪汪队立大功》PAW Patrol中文版 第十季 [全26集][国语中字][1080P][MP4]](https://psimg.lingsky.com/?url=http://m.lingsky.com/images/cover/12.jpg)
请点击此处下载
收藏