Bootstrap用戶手冊

內(nèi)容概要

這本書教你怎么用Bootstrap框架輕松設(shè)計出“殺手級”界面及響應(yīng)式網(wǎng)站。從怎么用Bootstrap的HTML/CSS工具和現(xiàn)成模板構(gòu)建頁面開始，逐步深入地掌握它內(nèi)置的交互組件和jQuery插件，常常是一行代碼都不用寫。
作為源自Twitter的一個開源框架，而且可以從GitHub上自由下載，Bootstrap推崇“移動優(yōu)先”（Mobile First）的設(shè)計理念，還支持動態(tài)調(diào)整網(wǎng)頁布局、創(chuàng)建響應(yīng)式網(wǎng)站。只要稍微懂一些HTML、CSS和JavaScript，就可以創(chuàng)建出在桌面顯示器、智能手機(jī)和平板電腦中看起來同樣完美的網(wǎng)站或應(yīng)用。這本書會告訴你怎么做。
熟悉Bootstrap的文件結(jié)構(gòu)、網(wǎng)格系統(tǒng)和容器布局；
學(xué)習(xí)HTML中用于排版、代碼、表格、表單、按鈕、圖片以及圖標(biāo)的元素；
設(shè)計界面及其他網(wǎng)頁元素，比如導(dǎo)航、面包屑，以及自定義模態(tài)窗口等；
使用jQuery插件實現(xiàn)漸進(jìn)的幻燈片、標(biāo)簽頁式界面和下拉菜單；
在LESS文件中修改布局欄數(shù)和字體顏色。

作者簡介

Jake Spurlock
是MakerMedia的開發(fā)者，MAKE雜志的制作人，他發(fā)起了全球各地的“制匯節(jié)”活動，該活動旨在教會人們動手制作，讓世界變得更美好。Jake是猶他州人，一年半前搬到了加州葡萄酒之鄉(xiāng)。

書籍目錄

目錄
序　　XI
前言　　XIII
第1章　Bootstrap提供的網(wǎng)站框架　　1
1.1 　Bootstrap到底是什么　　2
1.2 　Bootstrap的文件結(jié)構(gòu)　　3
1.3 　基本的HTML模板　　3
1.4 　全局樣式　　4
1.5　　默認(rèn)網(wǎng)格系統(tǒng)　　4
1.5.1 　基本網(wǎng)格的HTML　　5
1.5.2 　平移列　　5
1.5.3 　嵌套列　　6
1.6 　流式網(wǎng)格系統(tǒng)　　6
1.7 　容器布局　　7
1.8 　響應(yīng)式設(shè)計　　8
第2章　Bootstrap預(yù)定義的CSS樣式　　11
2.1 　排版　　12
2.1.1　　標(biāo)題　　12
2.1.2 　強(qiáng)調(diào)段落　　13
2.1.3 　強(qiáng)調(diào)內(nèi)容　　13
2.1.4 　粗體　　13
2.1.5 　斜體　　13
2.1.6 　強(qiáng)調(diào)相關(guān)的類　　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 　內(nèi)置支持的表單控件　　27
2.4.3 　擴(kuò)展的表單控件　　30
2.4.4 　設(shè)置控件大小　　31
2.4.5 　表單控件的狀態(tài)　　35
2.5 　按鈕　　37
2.5.1 　按鈕大小　　39
2.5.2 　禁用按鈕的樣式　　40
2.6 　圖片　　41
2.7 　圖標(biāo)　　41
2.7.1 　感謝GLYPHICONS提供圖標(biāo)　　42
2.7.2 　用法　　43
第3章　Bootstrap內(nèi)置的布局組件　　45
3.1 　下拉菜單　　46
3.2 　按鈕組　　47
3.3 　按鈕下拉菜單　　49
3.3.1 　分隔式按鈕下拉菜單　　50
3.3.2 　上拉菜單　　51
3.4 　導(dǎo)航元素　　52
3.4.1 　標(biāo)簽形導(dǎo)航　　52
3.4.2 　膠囊形導(dǎo)航　　52
3.4.3 　垂直堆疊的導(dǎo)航　　53
3.4.4 　導(dǎo)航加下拉菜單　　54
3.4.5 　導(dǎo)航列表　　55
3.4.6 　可切換的標(biāo)簽導(dǎo)航　　57
3.5 　導(dǎo)航條　　60
3.5.1 　導(dǎo)航條鏈接　　60
3.5.2 　表單　　61
3.5.3 　導(dǎo)航條菜單　　62
3.6 　面包屑式導(dǎo)航　　64
3.7 　分頁導(dǎo)航　　65
3.8 　標(biāo)簽　　68
3.9 　圓標(biāo)簽　　69
3.10 　排版相關(guān)的元素　　69
3.10.1 　重頭消息　　69
3.10.2 　頁面標(biāo)題　　70
3.11 　縮略圖　　70
3.12 　警示框　　72
3.13 　進(jìn)度條　　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 　模態(tài)框　　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 　滾動監(jiān)控器　　89
4.5.1 　用法　　89
4.5.2 　.scrollspy('refresh')方法　　90
4.5.3 　選項　　90
4.5.4 　事件　　91
4.6 　可切換的標(biāo)簽頁　　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 　關(guān)閉方法　　98
4.9.3 　事件　　98
4.10 　按鈕　　99
4.10.1 　加載狀態(tài)　　99
4.10.2 　單選開關(guān)　　99
4.10.3 　復(fù)選按鈕　　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 　預(yù)先輸入　　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 　小結(jié)　　117
作者及封面介紹　　118

圖書封面

圖書標(biāo)簽Tags

無

評論、評分、閱讀與下載

---

    Bootstrap用戶手冊 PDF格式下載

---