建智的 bootstrap 學習網站
大二同學要記得玩 HTML + CSS + bootstrap + 一點點網頁程式語言
這樣就組合成你的整體網站囉
jack870914 at gmail dot com
學習 BS 4
基礎學習
導覽列與版面配置
表單與 PHP
HTML & CSS
單純的 HTML
添加 CSS 效果
期中報告前的大練習
學習進展
期中考大站
單頁式網頁製作
期末考網站
網站地圖
關於我
註冊
登入
Bootstrap 4 的學習
10.1.A： 第一個 bootstrap 網頁
10.1.B： 用到文字與背景效果
10.1.C： 使用 alert 搭配 pre 做程式碼的顯示，還有按鍵的顯示
10.2.A： Bootstrap 的表格樣式
10.2.B： 應用 font awesome 的小圖示搭配按鈕元件設計播放面板
10.3.A： 不同頁面的跳頁連結
10.3.B： 透過清單群組功能設計連結選單項目
10.3.C： 算命應用：用按鈕將重要資料影藏，點擊後生效的特性
10.3.D： 算命應用：使用區塊方式隱藏摺疊資料(Accordion)
10.3.E： 算命應用：加強的彈出式視窗
10.3.F： 算命應用：在原始頁面上面出現的較大的彈出式視窗
10.3.G： 算命應用：較小的工具視窗(Tooltip)
10.4.A： 旋轉木馬幻燈片應用
10.5.A： 下拉式按鈕的設計
10.5.B： 名片卡牌的使用(card)
10.5.C： 進度條的應用(progress)
我的 Bootstrap 學習重點
來吧!
導覽列與版面配置
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： 解構後的網頁組合起來範本
