bootstrap 的網頁內容
姓名: 陳澤康
學號: 4070X002-首頁
回首頁
上課例題
第十堂課
10.1.A - 第一個 bootstrap 網頁測試
10.1.B - 開始應用 bootstrap 的文字與顏色的呼叫 (class)
10.1.3 - 用 bootstrap 處理程式碼
10.2.A - 用 bootstrap 處理表格資料
10.2.B - 用 font awesome 網站的小圖示展示
10.2.C - 用 font awesome 網站的小圖示搭配 bootstrap 設計按鈕大小
10.3.A - 使用清單的【分頁】的連結效果
10.3.B - 將單純的 a 超連結設計成為大型按鈕清單列
10.3.C - 用按鈕搭配【data-toggle】功能,處理隱藏效果
10.3.D - 用卡牌折疊方式,處理隱藏效果
10.3.E - 用彈出式視窗來處理隱藏效果
10.3.F - 用 popover 小視窗來處理隱藏效果
10.3.G - 用 hover 的 tooltip 小提示功能,進行指引
10.4.A - 用 carousel 製作網頁旋轉木馬的圖片旋轉效果
10.5.A - Bootstrap 的下拉式選單功能設計
10.5.B - 人物介紹 class=card
第十一堂課
11.1.A - 第一個類似 RWD 的網頁設計效果
11.1.B - 巢狀網格系統-小畫面單層、大螢幕兩格以上
11.1.C - 巢狀網格系統-再搭配 media query 的效果處理字體
11.2.A - 網格系統搭配上方導覽列的設計
11.2.B - 承上,但是改成我們網站的相關導覽
11.3.A - 承上,加上 header 網站宣告
11.3.B - 承上,但是導覽列永遠在視窗上
11.3.C - 承上,再加上頁尾
11.4.A - 修改成為兩欄顯示效果
11.4.B - 承上,增加左側子導覽列