想要使用 Bootstrap 快速解決切版問題
但卻一點也不熟悉嗎？
人力銀行都需要使用 Bootstrap
但你卻只會手刻
超過百萬開發者使用！
Bootstrap 是您必會的網頁設計框架！
Bootstrap 是目前最主流的 CSS 前端開發工具包，在大量開發者的協作及使用者運用下，它可以適用於各種情境，無論是活動頁面、購物網站、控制台、行動版網頁一律適用。
自由強大的格線系統
完整應對各種排版需求
Bootstrap 5 導入了 CSS 變數機制，讓格線預設就包含了五種以上的間距變化，無論是用在垂直、水平、格狀等需求都可以完整應對！
豐富的元件樣式
不需要寫 CSS 也能夠有好畫面
大量的網頁元件樣式，如：表單、彈出視窗、導覽列、分頁等等，對於不管開發前台、後台都可以隨取即用！
客製化樣式輕鬆做
讓工具配合你而不是你配合工具
對於預設的樣式感到無趣嗎？Bootstrap 提供豐富的設定檔案，可以將網頁的所有元件調整成符合你的網站需求～
Bootstrap 5 超豐富線上課程，
包含設計、排版、JS 套件運用一次滿足
600 分鐘以上的
基礎知識教學
我們提供完整的操作概念、框架教學以及元件應用，讓您不只知道該怎麼做，還能明白為什麼要這樣做，讓您成為得心應手的 Bootstrap 專家！
超過 50 頁的練習講義
學習的過程中，只有聆聽是不足夠的，我們提供豐富的手作講義，讓你不只透過影片觀看老師如何做，更能自己動手試試看～
5 大範例版型挑戰作業
我們會與您分享多種業界常用的範例版型，並透過作業親自實作，在練習中所遇到的問題，我們都能給予修正建議，讓您越做越熟悉。
不只學會一門技術，更完成屬於自己的切版作品
過去的學員透過此課程完成「甜點電商」網站，
更有許多學員依據課程範例，完成屬於自己的獨立作品。
本課程將推出全新主題設計稿，在學習過程中更添加自己得成就感
麵屋
來點多肉吧
蔦松書店
英文苦手嗎？
沒有關係，
六角學院已經超前部署了
中文版 Bootstrap 5 文件
為了讓學員可以輕鬆學習， 我們提前部署了 Bootstrap 繁體中文版的文件！ 此文件是直接延伸至原文版本， 關鍵的專有名詞我們亦有提供原文做為比對～
Bootstrap 5 全新課程大綱
- Utilities 與 helpers 基本介紹 (3:07)
- 課程名稱調整說明
- Background - 背景色彩（重要） (4:03)
- Border - 邊框（重要） (6:22)
- Text color - 文字色彩 (3:14)
- Display - 盒模型（非常重要） (5:40)
- Float - 浮動 (3:54)
- Interactions - 互動（好用） (2:58)
- Overflow - 溢出 (3:46)
- Position - 位置（重要） (11:26)
- Shadow - 陰影（好用） (3:21)
- Sizing - 尺寸（重要） (5:58)
- Text - 文字（好用） (7:06)
- Vertical alignment - 垂直對齊（好用） (1:57)
- Visibility - 可視性 (1:13)
- Helper: Clearfix - 清除浮動 (1:42)
- Helper: Colored links - 連結顏色（重要） (1:39)
- Helper: Ratio - 比例（好用） (2:28)
- Helper: Visually hidden - 視覺隱藏 (0:52)
- Helper: Stretched link - 連結延伸（重要） (5:02)
- Helper: Text truncation - 文字截斷（好用） (3:43)
- 測驗：通用類別 Utilities 與 工具 Helpers
- 元件簡介 (6:45)
- 元件與 JavaScript 之間的關係 (3:47)
- 手風琴 (Accordion) (7:16)
- 警報 (Alerts)（好用） (7:16)
- 標籤 (Badges)（好用） (4:03)
- 麵包屑 (Breadcrumb)（好用） (1:54)
- 按鈕 (Buttons)（非常重要） (9:43)
- 按鈕群組 (Button group)（重要） (7:54)
- 卡片 (Cards)（非常重要） (15:47)
- 輪播 (Carousel) (9:12)
- 關閉按鈕 (Close button)（好用） (1:34)
- 折疊 (Collapse)（重要） (3:58)
- 下拉選單 (Dropdowns)（好用） (13:17)
- 列表群組 (List group)（好用） (8:27)
- 互動視窗 (Modal)（重要） (9:19)
- 導覽與頁籤 (Navs and tabs) (8:37)
- 導覽列（Navbar）（重要） (13:38)
- Offcanvas - 側欄滑動導覽（好用） (4:26)
- 分頁 (Pagination)（好用） (2:40)
- 彈出提示框 (Popovers) (4:16)
- 進度條 (Progress)（好用） (3:56)
- 滾動監控 (Scrollspy) (4:12)
- 讀取圖示 (Spinners)（重要） (5:36)
- 吐司 (Toasts)（重要） (5:07)
- 工具提示框 (Tooltips)（好用） (3:56)
你以為只有這樣嗎？六角學院超佛不是一兩天的事惹！
除了上述內容以外，本課程還包含了：
超過 25 式常用的網頁元件
你可以自由運用這些網頁元件在你的實戰作品中，搭配課程中的觀念，你可以大膽地複製、貼上到你的作品上～
兩款實戰情境版型
兩款練習使用的情境版型，其中一款僅提供單色稿樣式，讓你在練習的過程中還能同時打造與眾不同的作品喔～
一款最終挑戰版型
為了模擬實戰情境，我們請專業網頁設計師提供設計原型，讓你體驗如何使用 Bootstrap 完成多頁式特殊作品！
歡迎您與 20,000 人一同來學習
最專業的 Bootstrap 5 課程！
# 加入六角學院！
講師資訊
卡斯伯
由設計投入前端的軟體工程師，了解設計語言的前端佈道者。
六屆 IT 鐵人邦獲選紀錄
Modern Web 研討會講者
線上課程超過萬人註冊
常見 Q&A
Ｑ、我完全沒寫過程式，這是堂新手入門課嗎？
這堂課程需要有基礎的 CSS 才能學習，如果你未有任何的 CSS 基礎，可參考「使用 HTML、CSS 開發一個網站」的課程。
Ｑ、這門課程學完，就能獲得獨立的作品嗎？
可以的，課程中有大量的範例版型練習，你也可以按照自己的想法，做出屬於自己的切版作品喔。
Ｑ、這門「Bootstrap 5 網頁切版整合術」與「Bootstrap 4 開發超強不解釋」有什麼不同呢？
兩門課程都是著重在該版本的介紹，而 Bootstrap 5 課程是基於前一版本的優化。
新增的內容包含：
- Bootstrap 5 的各項新增設計概念
- 強化 JavaScript、Sass 運用章節
- 基於前一版，有更易於學習的整合講義，超過 50 頁以上供學員徹底掌握 Bootstrap 5。
Ｑ、單日直播與課程內容相同嗎？
不同，老師想介紹許多影音課程不易說明主題，一一的加入至直播與各位同學分享，而這次特別以優惠的形式加碼給所有同學 :D
內容包含：
- 新手常見的切版問題 課程深化補充
- Bootstrap 5 與 Sass 運用 課程深化補充
- Bootstrap 與設計軟體的關係 全新補充
- 卡斯伯老師 Live Demo，現場切給你看 全新補充
Ｑ、如果課程有問題，該如何尋求協助呢？
每個章節下方皆有發問區，任何問題都會有講師、助教來回覆，你也可能從其他同學找到你的問題答案喔～
Ｑ、此課程未來會持續更新嗎？
此課程將在 2021/12/31 前陸續上架課程完畢，並在未來三年，因應時代趨勢，每年新增 60 分鐘內容，總計增加 3 小時影音或直播課程，並於 2024/12/31 前完成全數更新。
此為境外交易會產生額外交易手續費用（詳細規定請洽發卡公司），如需使用台幣付款可以透過此 連結購買。