《Bootstrap用戶手冊》是2013年人民郵電出版社出版圖書,作者美 Jake Spurlock,譯者李松峰。
基本介紹
- 又名:回響式開發
- 作者:美 Jake Spurlock
- 譯者:李松峰
- ISBN:9787115327352
- 頁數:140
- 定價:35.00
- 出版社:人民郵電出版社
- 出版時間:2013-9
- 裝幀:平裝
- 副標題:設計回響式網站
- 原作名:Bootstrap
內容介紹,作者介紹,作品目錄,
內容介紹
作為源自Twitter的一個開源框架,而且可以從GitHub上自由下載,Bootstrap推崇“移動優先”(Mobile First)的設計理念,還支持動態調整網頁布局、創建回響式網站。只要稍微懂一些HTML、CSS和JavaScript,就可以創建出在桌面顯示器、智慧型手機和平板電腦中看起來同樣完美的網站或套用。這本書會告訴你怎么做。
熟悉Bootstrap的檔案結構、格線系統和容器布局;
學習HTML中用於排版、代碼、表格、表單、按鈕、圖片以及圖示的元素;
設計界面及其他網頁元素,比如導航、麵包屑,以及自定義模態視窗等;
使用jQuery外掛程式實現漸進的幻燈片、標籤頁式界面和下拉選單;
在LESS檔案中修改布局欄數和字型顏色。
作者介紹
Jake Spurlock
是MakerMedia的開發者,MAKE雜誌的製作人,他發起了全球各地的“制匯節”活動,該活動旨在教會人們動手製作,讓世界變得更美好。Jake是猶他州人,一年半前搬到了加州葡萄酒之鄉。
作品目錄
目錄
序 XI
前言 XIII
第1章 Bootstrap提供的網站框架 1
1.1 Bootstrap到底是什麼 2
1.2 Bootstrap的檔案結構 3
1.3 基本的HTML模板 3
1.4 全局樣式 4
1.5 默認格線系統 4
1.5.1 基本格線的HTML 5
1.5.2 平移列 5
1.5.3 嵌套列 6
1.6 流式格線系統 6
1.7 容器布局 7
1.8 回響式設計 8
第2章 Bootstrap預定義的CSS樣式 11
2.1 排版 12
2.1.1 標題 12
2.1.2 強調段落 13
2.1.3 強調內容 13
2.1.4 粗體 13
2.1.5 斜體 13
2.1.6 強調相關的類 14
2.1.7 列表 17
2.2 代碼 20
2.3 表格 20
2.3.1 可選的表格類 22
2.3.2 表格行的類 23
2.4 表單 24
2.4.1 可選的表單布局 25
2.4.2 內置支持的表單控制項 27
2.4.3 擴展的表單控制項 30
2.4.4 設定控制項大小 31
2.4.5 表單控制項的狀態 35
2.5 按鈕 37
2.5.1 按鈕大小 39
2.5.2 禁用按鈕的樣式 40
2.6 圖片 41
2.7 圖示 41
2.7.1 感謝GLYPHICONS提供圖示 42
2.7.2 用法 43
第3章 Bootstrap內置的布局組件 45
3.1 下拉選單 46
3.2 按鈕組 47
3.3 按鈕下拉選單 49
3.3.1 分隔式按鈕下拉選單 50
3.3.2 上拉選單 51
3.4 導航元素 52
3.4.1 標籤形導航 52
3.4.2 膠囊形導航 52
3.4.3 垂直堆疊的導航 53
3.4.4 導航加下拉選單 54
3.4.5 導航列表 55
3.4.6 可切換的標籤導航 57
3.5 導航條 60
3.5.1 導航條連結 60
3.5.2 表單 61
3.5.3 導航條選單 62
3.6 麵包屑式導航 64
3.7 分頁導航 65
3.8 標籤 68
3.9 圓標籤 69
3.10 排版相關的元素 69
3.10.1 重頭訊息 69
3.10.2 頁面標題 70
3.11 縮略圖 70
3.12 警示框 72
3.13 進度條 73
3.14 媒體對象 75
3.15 其他組件 77
3.15.1 窪地 78
3.15.2 輔助類 79
第4章 Bootstrap支持的JavaScript外掛程式 81
4.1 概述 82
4.2 過渡 83
4.3 模態框 83
4.3.1 用法 85
4.3.2 選項 85
4.3.3 方法 86
4.3.4 事件 87
4.4 下拉選單 87
4.4.1 用法 87
4.4.2 通過JavaScript使用下拉選單 88
4.4.3 方法 89
4.5 滾動監控器 89
4.5.1 用法 89
4.5.2 .scrollspy('refresh')方法 90
4.5.3 選項 90
4.5.4 事件 91
4.6 可切換的標籤頁 91
4.6.1 用法 92
4.6.2 事件 92
4.7 提示條 93
4.7.1 用法 93
4.7.2 選項 93
4.7.3 方法 94
4.8 彈出層 95
4.8.1 用法 96
4.8.2 選項 96
4.8.3 方法 97
4.9 警示框 97
4.9.1 用法 98
4.9.2 關閉方法 98
4.9.3 事件 98
4.10 按鈕 99
4.10.1 載入狀態 99
4.10.2 單選開關 99
4.10.3 複選按鈕 100
4.10.4 單選按鈕 100
4.10.5 用法.100
4.10.6 方法.101
4.11 摺疊框 101
4.11.1 用法 103
4.11.2 選項 103
4.11.3 方法 104
4.11.4 事件 104
4.12 傳送帶 105
4.12.1 用法 106
4.12.2 選項 106
4.12.3 方法 106
4.12.4 事件 107
4.13 預先輸入 108
4.13.1 用法 108
4.13.2 選項 109
4.14 粘條 109
4.14.1 用法 110
4.14.2 選項 110
第5章 實際使用Bootstrap 111
5.1 GitHub項目 112
5.2 定製Bootstrap 112
5.2.1 使用LESS 113
5.2.2 Snippets外掛程式 115
5.2.3 Photoshop模板 115
5.2.4 主題 116
5.3 獲得靈感 117
5.4 小結 117
作者及封面介紹 118
序 XI
前言 XIII
第1章 Bootstrap提供的網站框架 1
1.1 Bootstrap到底是什麼 2
1.2 Bootstrap的檔案結構 3
1.3 基本的HTML模板 3
1.4 全局樣式 4
1.5 默認格線系統 4
1.5.1 基本格線的HTML 5
1.5.2 平移列 5
1.5.3 嵌套列 6
1.6 流式格線系統 6
1.7 容器布局 7
1.8 回響式設計 8
第2章 Bootstrap預定義的CSS樣式 11
2.1 排版 12
2.1.1 標題 12
2.1.2 強調段落 13
2.1.3 強調內容 13
2.1.4 粗體 13
2.1.5 斜體 13
2.1.6 強調相關的類 14
2.1.7 列表 17
2.2 代碼 20
2.3 表格 20
2.3.1 可選的表格類 22
2.3.2 表格行的類 23
2.4 表單 24
2.4.1 可選的表單布局 25
2.4.2 內置支持的表單控制項 27
2.4.3 擴展的表單控制項 30
2.4.4 設定控制項大小 31
2.4.5 表單控制項的狀態 35
2.5 按鈕 37
2.5.1 按鈕大小 39
2.5.2 禁用按鈕的樣式 40
2.6 圖片 41
2.7 圖示 41
2.7.1 感謝GLYPHICONS提供圖示 42
2.7.2 用法 43
第3章 Bootstrap內置的布局組件 45
3.1 下拉選單 46
3.2 按鈕組 47
3.3 按鈕下拉選單 49
3.3.1 分隔式按鈕下拉選單 50
3.3.2 上拉選單 51
3.4 導航元素 52
3.4.1 標籤形導航 52
3.4.2 膠囊形導航 52
3.4.3 垂直堆疊的導航 53
3.4.4 導航加下拉選單 54
3.4.5 導航列表 55
3.4.6 可切換的標籤導航 57
3.5 導航條 60
3.5.1 導航條連結 60
3.5.2 表單 61
3.5.3 導航條選單 62
3.6 麵包屑式導航 64
3.7 分頁導航 65
3.8 標籤 68
3.9 圓標籤 69
3.10 排版相關的元素 69
3.10.1 重頭訊息 69
3.10.2 頁面標題 70
3.11 縮略圖 70
3.12 警示框 72
3.13 進度條 73
3.14 媒體對象 75
3.15 其他組件 77
3.15.1 窪地 78
3.15.2 輔助類 79
第4章 Bootstrap支持的JavaScript外掛程式 81
4.1 概述 82
4.2 過渡 83
4.3 模態框 83
4.3.1 用法 85
4.3.2 選項 85
4.3.3 方法 86
4.3.4 事件 87
4.4 下拉選單 87
4.4.1 用法 87
4.4.2 通過JavaScript使用下拉選單 88
4.4.3 方法 89
4.5 滾動監控器 89
4.5.1 用法 89
4.5.2 .scrollspy('refresh')方法 90
4.5.3 選項 90
4.5.4 事件 91
4.6 可切換的標籤頁 91
4.6.1 用法 92
4.6.2 事件 92
4.7 提示條 93
4.7.1 用法 93
4.7.2 選項 93
4.7.3 方法 94
4.8 彈出層 95
4.8.1 用法 96
4.8.2 選項 96
4.8.3 方法 97
4.9 警示框 97
4.9.1 用法 98
4.9.2 關閉方法 98
4.9.3 事件 98
4.10 按鈕 99
4.10.1 載入狀態 99
4.10.2 單選開關 99
4.10.3 複選按鈕 100
4.10.4 單選按鈕 100
4.10.5 用法.100
4.10.6 方法.101
4.11 摺疊框 101
4.11.1 用法 103
4.11.2 選項 103
4.11.3 方法 104
4.11.4 事件 104
4.12 傳送帶 105
4.12.1 用法 106
4.12.2 選項 106
4.12.3 方法 106
4.12.4 事件 107
4.13 預先輸入 108
4.13.1 用法 108
4.13.2 選項 109
4.14 粘條 109
4.14.1 用法 110
4.14.2 選項 110
第5章 實際使用Bootstrap 111
5.1 GitHub項目 112
5.2 定製Bootstrap 112
5.2.1 使用LESS 113
5.2.2 Snippets外掛程式 115
5.2.3 Photoshop模板 115
5.2.4 主題 116
5.3 獲得靈感 117
5.4 小結 117
作者及封面介紹 118