bootstrap 相關的網頁內容

• 姓名: 泰瑞
• 學號: 4070C039
• 回首頁

第十堂課

• bootstrap網頁測試
• 開始 bootstrap 的文字與顏色的呼叫
• 用 bootstrap 處理程式碼
• 用 bootstrap 處裡表格資料
• 用 font awesome 網站的小圖示展示
• 用 font awesome 網站的小圖示搭配 bootstrap 設計按鈕大小
• 使用清單的【分頁】的連結效果
• 將單純的 a 超連結設計成為大型按鈕清單列
• 用按鍵搭配 【data-toggle】 功能，處理隱藏效果
• 用卡牌折疊方式，處理隱藏效果
• 用彈出式視窗來處理隱藏效果
• 用 popover 小視窗來處理隱藏效果
• 用 hover 的 tooltip 小提示功能，進行指引
• 用 carousel 製作網頁旋轉木馬的圖片旋轉效果
• Bootstrap 的下拉式選單功能設計
• 人物介紹 class=card
• 人物介紹 class=card, 結合進度條

第十一堂課

• 第一個類似 RWD 的網頁設計效果
• 巢狀網格系統-小畫面單層、大螢幕兩格以上
• 巢狀網格系統-再搭配 media query 的效果處理字體
• 網格系統搭配上方導覽列的設計
• 承上，但是改成我們網站的相關導覽
• 承上，加上 header 網站宣告
• 承上，但是導覽列永遠在視窗上
• 承上，再加上頁尾
• 修改成為兩欄顯示效果
• 承上，增加左側子導覽列

作業

• 關於我