BootStrap 開發精解:原理、技術、工具及最佳實踐 (Learning Bootstrap - Modern, Elegant and Responsive Web Design Made Easy)

謝諾伊(Shenoy A.), 索松(Sossou U.)

買這商品的人也買了...

商品描述

<內容介紹>

隨著移動網頁開發時代的到來,移動和平板設備逐漸成為人們使用Internet的事實標準。BootstraD的第3版引入了移動優先的響應式柵欄、LESS變量、特製的組件以及一些可以幫助用戶沒計動態用戶界面的插件等特性,是一種能夠增強前端網頁設汁的強大框架。本書既詳細介紹了Bootstrap的內置特性及使用方法,還介紹許多第三方工具和資源,用淺顯易懂的方式,讓大家掌握各種技術訣竅,進而瞭解Bootstrap各種複雜細節。
    亞拉文·謝諾伊、烏爾里希·索松著的《Bootstrap開發精解》共8章,第1章簡要介紹Bootstrap並說明為什麼要在網頁設計項目中使用Bootstra;第2章詳細介紹在項目中安裝Bootstrap的不間方法,以及如何對它進行定製,構建出令人印象深刻的網站;第3章講解Bootstrap柵格以及如何在項目中使用柵格;第4章通過實際的方法和許多代碼實例,展示如何使用Bootstrap的基本CSS元素;第5章介紹Bootstrap所包含的一些流行的CSS組件以及如何在項目中使用它們;第6章進一步介紹其他一些在Bootstrap中被廣泛使用的組件,包括well、標籤、進度條、徽章、面板、警告框和分頁;第7章討論如何用JavaScipt增強Bootstrap的體驗;第8章介紹一些令我們受益的第三方工具和資源,簡化Bootstrap的網頁設計體驗。

<章節目錄>
譯者序
作者簡介
審校者簡介
前言
第1章  Bootstrap入門
  1.1  移動優先的設計
  1.2  為什麼選擇Bootstrap
  1.3  小結
第2章  Bootstrap的安裝與定製
  2.1  在HTML文件中包含Bootstrap
  2.2  Bootstrap  CDN
  2.3  用自定義的CSS進行覆蓋
  2.4  使用Bootstrap定製程序
  2.5  Bootstrap的深度定製
  2.6  下載Bootstrap源代碼
  2.7  編譯LESS文件
    2.7.1  使用SimpLESS編譯LESS文件
    2.7.2  使用WinLess編譯LESS文件
    2.7.3  使用命令行編譯LESS文件
  2.8  整合
  2.9  小結
第3章  使用Bootstrap柵格
  3.1  使用Bootstrap柵格類
    3.1.1  添加行與列
    3.1.2  為小型設備定製柵格
    3.1.3  為列添加偏移
    3.1.4  推拉列
    3.1.5  嵌套列
  3.2  使用Bootstrap變量和mixin
    3.2.1  Bootstrap柵格變量
    3.2.2  Bootstrap柵格mixin
  3.3  使用Bootstrap柵格mixin和變量創建博客佈局
  3.4  小結
第4章  使用基本CSS樣式
  4.1  實現Bootstrap基本CSS樣式
    4.1.1  標題
    4.1.2  頁面主體
    4.1.3  排版元素
    4.1.4  表格
    4.1.5  按鈕
    4.1.6  表單
    4.1.7  代碼
    4.1.8  圖片
    4.1.9  字體系列
    4.1.10  字體尺寸
  4.2  使用LESS變量自定義基本CSS樣式
  4.3  小結
第5章  添加Bootstrap組件
  5.1  組件及其用途
    5.1.1  字體圖標

    5.1.2  導航標籤頁
    5.1.3  膠囊式標籤頁
    5.1.4  兩端對齊的標籤和膠囊式標籤
    5.1.5  下拉菜單
    5.1.6  導航條
    5.1.7  路徑導航
  5.2  小結
第6章  組件的更多功能
  6.1  用組件簡化網頁設計項目
    6.1.1  巨幕
    6.1.2  頁頭
    6.1.3  well
    6.1.4  徽章
    6.1.5  標籤
    6.1.6  進度條
    6.1.7  面板
    6.1.8  縮略圖
    6.1.9  分頁
    6.1.10  列表組
    6.1.11  按鈕組
    6.1.12  按鈕工具欄
    6.1.13  分裂式按鈕下拉菜單
    6.1.14  兩端對齊排列的按鈕組
    6.1.15  複選框和單選按鈕
    6.1.16  警告框
    6.1.17  媒體對象
    6.1.18  具有響應式特性的嵌入內容
  6.2  小結
第7章  使用JavaScript增強用戶體驗
  7.1  使用官方插件簡化項目設計
    7.1.1  工具提示
    7.1.2  彈出框
    7.1.3  摺疊面板
    7.1.4  滾動監聽
    7.1.5  模態窗
    7.1.6  輪播
  7.2  小結
第8章  Bootstrap技術中心—Bootstrap工具介紹
  8.1  主題和模板
    8.1.1  開源主題和模板
    8.1.2  商業主題和模板
  8.2  現成的資源和插件
    8.2.1  Font  Awesome
    8.2.2  Bootstrap的Social  Buttons165
    8.2.3  Bootstrap  Magic
    8.2.4  Jasny  Bootstrap
    8.2.5  Fuel  UX
    8.2.6  Bootsnipp
    8.2.7  Bootdey
    8.2.8  BootBundle

    8.2.9  Start  Bootstrap
  8.3  開發工具和編輯器
    8.3.1  Bootply
    8.3.2  LayoutIt
    8.3.3  UI  Bootstrap
    8.3.4  Kickstrap
    8.3.5  ShoeStrap
    8.3.6  StrapPress
    8.3.7  Summernote
  8.4  官方的Bootstrap資源
    8.4.1  Bootlint
    8.4.2  Bootstrap  with  SaaS
    8.4.3  Bootstrap  Expo
  8.5  小結