聯繫我們
 課程時長 14 時間:

課程簡介

入門

  • 預編譯
  • 原始碼
  • 編譯 CSS 和 Javascript
    • 安裝 Grunt
    • 可用的 Grunt 指令
    • 故障排除
  • 基本模板和元件
    • 基本模板
    • Bootstrap 主題
    • 網格
    • Jumbotron(大型區塊)
    • 窄 Jumbotron
    • 導覽列
    • 自訂元件
    • 實驗
  • 工具
    • Bootlint
  • 禁用響應式
  • 瀏覽器和裝置支援與相容性
  • 無障礙設計

元件

  • Glyphicons(字形圖示)
  • 下拉選單
  • 按鈕組
  • 按鈕下拉選單
  • 輸入組
  • 導航列
  • 導覽列
  • 麵包屑導覽
  • 分頁
  • 標籤
  • 徽章
  • Jumbotron
  • 頁面標題
  • 縮圖
  • 警示訊息
  • 進度條
  • 媒體物件
  • 列表組
  • 面板
  • 響應式嵌入
  • 凹陷區(Wells)

CSS

  • 概觀
  • 網格系統
  • 字體排印
  • 程式碼
  • 表格
  • 表單
  • 按鈕
  • 影像
  • 輔助類別
  • 響應式工具
  • 使用 Less
  • 使用 Sass

Javascript

  • 概觀
  • 過渡效果
  • 模態對話框
  • 下拉選單
  • Scrollspy(捲動偵測)
  • 分頁(Tab)
  • 提示框(Tooltip)
  • 彈出框(Popover)
  • 警示訊息
  • 按鈕
  • 摺疊面板
  • 輪播圖
  • 附著定位(Affix)

最低要求

  • HTML
  • CSS
  • JAVASCRIPT

Bootstrap 是目前最流行的 HTML、CSS 和 JS 框架,用於開發 Web 上的響應式、行動優先專案。

目標受眾

本課程適用於尋求在專案中使用 Bootstrap 的網頁開發人員。

課程分類