Bootstrap用戶手冊

用法1034.11.2 用法1064.12.2 用法1084.13.2

內容介紹

這本書教你怎么用Bootstrap框架輕鬆設計出“殺手級”界面及回響式網站。從怎么用Bootstrap的HTML/CSS工具和現成模板構建頁面開始,逐步深入地掌握它內置的互動組件和jQuery外掛程式,常常是一行代碼都不用寫。
作為源自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  基本格線的HTML5
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章 實際使用Bootstrap111
5.1  GitHub項目112
5.2  定製Bootstrap112
5.2.1  使用LESS113
5.2.2  Snippets外掛程式115
5.2.3  Photoshop模板115
5.2.4  主題116
5.3  獲得靈感117
5.4  小結117
作者及封面介紹118

相關詞條

相關搜尋

熱門詞條

聯絡我們