Bootstrap 上課內容
第十課上課內容
10.1.A:我的第一個 bootstrap 4 網頁
10.1.B:增加bootstrap的文字使用類別
10.1.C:使用alert搭配pre做程式碼的顯示,還有按鍵的顯示
10.2.A:Bootstrap 的表格樣式
10.2.B:使用font awesome的小圖示元件
10.2.C:應用font awesome的小圖示搭配按鈕元件設計播放面板
10.3.A:不同頁面的跳頁連結
10.3.B:透過清單群組功能設計連結選單項目
10.3.C:算命應用:用按鈕將重要資料隱藏,點擊後生效的特性
10.3.D:算命應用:使用區塊方式隱藏摺疊資料(Accordion)
10.3.E:算命應用:加強的彈出視窗(modal)
10.3.F:算命應用:在原始頁面上面出現的較大的彈出視窗(popover)
10.3.G:算命應用:較小的工具視窗(Tooltip)
10.4.A:旋轉木馬幻燈片運用
10.5.A:下拉式按鈕的設計
10.5.B:名片卡牌的使用(card)
10.5.C:進度條的使用(progress)
第十一課上課內容
11.1.A:自動分為兩欄與單欄的效果
11.1.B:自動分為1, 2, 3 欄位的效果
11.1.C:三欄再加上媒體偵測的 RWD 效果
11.2.A:第一個導覽列效果
11.2.B:承上,但實際用我們自己的連結按鈕
11.2.C:承上,再加上註冊與登入的小圖示
11.3.A:增加網頁的抬頭部分資料
11.3.B:導覽列可以固定在上方
11.3.C:增加網頁的頁尾部分
11.4.A:指定為兩個欄位
11.4.B:增加子導覽列
11.4.C:解構後的網頁組合起來範本
Bootstrap 網站作業
第10課:我的第一個 bootstrap 網站作業