Bootstrap 基礎教程 Bootstrap 基础教程

<內容簡介>

Bootstrap 是一個基於HTML 5 和CSS 3 的前端開發框架，它提供了較為豐富的Web 組件，能夠快速製作一個漂亮的Web 頁面。本書主要圍繞Bootstrap框架，講述了Bootstrap佈局、Bootstrap表單元素、Bootstrap導航、Bootstrap 內置組件、Bootstrap 對JavaScript 的支持，以及HTML 5 和CSS 3 的一些基礎知識等

<章節目錄>

第一部分Bootstrap佈局
1Bootstrap是什麼
1.1Bootstrap簡述
1.2如何使用Bootstrap
1.3包含內容
1.4簡單模板
1.5簡單實例
2網格系統
2.1實現原理
2.2工作原理
2.3基本用法
2.4列偏移
2.5列排序
2.6列嵌套
3排版
3.1標題
3.1.1大標題
3.1.2小標題
3.2段落
3.3mark標籤
3.4del和s標籤
3.5ins和u標籤
3.6strong和b標籤
3.7em和i標籤
3.8文本對齊方式
3.9字母大小寫
3.10abbr標籤的title屬性
3.11引用樣式
3.12列表
3.12.1有序列表和無序列表
3.12.2去點列表
3.12.3內聯列表
3.12.4定義列表
3.12.5水平列表
3.13代碼
3.14表格
3.14.1基礎表格
3.14.2斑馬線
3.14.3表格邊框
3.14.4高亮行
3.14.5緊湊型表格
3.14.6響應式表格
第二部分Bootstrap表單元素
4表單
4.1基礎表單
4.1.1基本實例
4.1.2內聯表單
4.1.3水平表單
4.2輸入框
4.3下拉框
4.4文本域
4.5多選框和單選框
4.6表單焦點
4.7表單禁用
4.8驗證樣式
4.8.1顏色提示
4.8.2圖標提示
4.8.3文字提示
4.9元素大小
4.9.1高度
4.9 .2寬度
4.10按鈕
4.10.1基本按鈕
4.10.2多標籤
4.10.3按鈕風格
4.10.4按鈕大小
4.10.5塊狀按鈕
4.10.6激活和禁用
4.11圖片
44.12圖標
4.13輸入框組
5下拉菜單
5.1基本用法
5.2基本原理
5.3分割線
5.4菜單標題
5.5對齊方式
5.6菜單狀態
6按鈕組
6.1基本按鈕組
6.2工具欄
6.3按鈕組的大小
6.4嵌套分組
6.5垂直分組
6.6等分按鈕
6.7按鈕下拉菜單
第三部分Bootstrap導航
7導航
7.1導航基礎樣式
7.2選項卡導航
7.3Pills導航
7.4垂直導航
7.5導航狀態
7.6自適應導航
7.7導航二級菜單
7.8麵包屑導航
7.9導航條
7.10導航條的基本用法
7.11品牌圖標
7.12導航條——表單
7.13導航條——按鈕
7.14導航條——文本和鏈接
7.15導航條中的二級菜單
7.16固定導航條
7.17響應式導航條
7.18反色導航條
7.19分頁導航
7.20標籤和徽章
第四部分Bootstrap內置組件
8內置組件
8.1面板
8.1.1基礎應用
8.1.2面板的標題和腳註
8.1.3基礎樣式
8.1.4嵌套表格
8.1.5嵌套列表
8.2縮略圖
8.3巨幕
8.4頁頭
8.5提示框
8.6進度條
8.6.1基礎進度條
8.6.2顯示進度
8.6.3彩色進度條
8.6.4條紋進度條
8.6.5堆疊效果
8.7媒體對象
8.7.1基本構成
8.7.2對齊方式
8.7.3嵌套對象
8.7.4媒體列表組
8.8列表組
8.8.1基礎列表組
8.8.2帶徽章的列表組
8.8.3鏈接列表組
8.8.4其他元素的支持
8.8.5狀態設置
8.8.6列表組主題
第五部分Bootstrap對JavaScript的支持
9JavaScript支持
9.1插件庫說明
9.2編程方式
9.2.1data—*屬性
9.2.2編程方式API
9.2.3命名空間衝突
9.2.4事件
9.2.5版 ​​本
9.3過渡效果
9.4對話框
9.4.1對話框結構
9.4 .2對話框的特點
9.4.3彈出框觸發方式
9.4.4過渡效果
9.4.5觸發參數data—*
9.4.6JavaScript觸發——參數
9.4.7JavaScript觸發——方法
9.4.8JavaScript觸發——事件
9.5下拉菜單
9.5.1聲明式觸發
9.5.2JavaScript觸發
9.5.3事件
9.6監聽滾動
9.6.1組件說明
9.6.2滾動監聽實現步驟
9.6.3聲明式觸發
9.6.4JavaScript觸發
9.7Tab選項卡
9.7.1選項卡的組成
9.7.2聲明式觸發
9.7.3JavaScript觸發
9.7.4Pills導航
9.7.5過渡效果
9.7.6事件
9.8Tip提示
9.8.1結構
9.8.2JavaScript觸發
9.8.3data—*屬性
9.8.4JavaScript觸發參數
9.8.5事件
9.9提示框
9.9.1alert結構
9.9.2聲明式觸發
9.9.3JavaScript觸發
9.9.4事件
9.10Popover彈出框
9.10.1彈出框結構
9.10.2聲明式屬性
9.10.3JavaScript方式觸發
9.10.4事件
9.11按鈕
9.11.1按鈕加載狀態
9.11.2單選按鈕
9.11.3多選按鈕
9.11.4方法
9.12折疊／手風琴Collapse
9.12.1結構
9.12.2聲明式觸發
9.12.3方法
9.12.4事件
9.13輪播圖
9.13.1輪播圖構成
9.13.2聲明式觸發
9.13.3JavaScript觸發
9.13.4事件
9.14Affix插件
9.14.1聲明屬性
9.14.2JavaScript方法
9.14.3事件
第六部分HTML和CSS3的相關知識
10HTML元素
10.1表單屬性
10.2Input類型
10.3HTML5新標籤
10.3.1role屬性
10.3.2header標籤
10.3.3footer標籤
10.3.4nav標籤
10.3.5article標籤
10.3.6section標籤
11CSS3樣式
11.1選擇器
11.1.1完全匹配屬性選擇器
11.1.2包含匹配選擇器
11.1. 3首字符匹配選擇器
11.1.4末字符匹配選擇器
11.2偽類選擇器
11.3陰影
11.4背景
11.5圓角邊框
11.6響應式設計
11.6.1什麼是響應式設計
11.6.2響應式設計優缺點
11.6.3Viewport窗口
11.6.4MediaQueries語法
12案例
12.1默認樣式的不足
12.2日曆控件的使用
12.3頁面顯示代碼內容
12.4表格插件
12.5圖表插件
附錄ABootstrap4.0以及其他
A.1重大更新
A.2重要鏈接地址

<作者介紹>

賀臣，軟件開發工程師，現就職於上海某知名地產企業，曾合夥創辦一家軟件服務公司，對生產製造、物流倉庫等領域頗有見解；在ASP.NET、jQuery、BootStrap\Angularjs、SQL Server、軟件架構等技術領域也多有涉及，業餘喜歡戶外登山，整理技術相關的博客。