BS4(3)-首頁

範例結果

三、導覽列【mega選單】加入

S1:預備工作:將【課程總覽】下拉選單區塊,【div】改為【ul】 列表(如下結構)

S2:CSS美化【以flex】排版,並利用JS

(1) 圖片加入【.img-thumbnail】,圖片調整大小

(2) 加入圖片標題

S2-1:CSS調整

S2-2:利用JS將BS的重覆性工作簡化