<內容簡介>
Bootstrap是前端開發中應用非常廣泛的一個框架,最早是Twitter公司內部的一個工具,開源之後迅速得到了各方的認可。科克倫、惠特利著的《Bootstrap實戰》基於最新的Bootstrap 3撰寫,在簡單介紹了安裝與配置之後就直奔主題,分別討論了個人作品站點、WordPress主題、企業網站、電子商務網站和單頁營銷網站等幾個最具代表性的應用案例,結合這些案例細緻地剖析了Bootstrap還有LESS的使用方式和技巧。
本書適合所有前端開發人員及個人網站設計者閱讀參考。
<章節目錄>
第1章 初識BOOtstrap
1.1 數量和質量
1.1.1 與時俱進
1.1.2 LESS的威力
1.2 下載Bootstrap
1.3 準備項目模板文件夾
1.3.1 下載H5BP
1.3.2 刪除不必要的樣板文件
1.3.3 理解樣板中的.htaccess文件
1.3.4 更新必要的樣板文件
1.3.5 更新站點桌面和觸摸設備圖標
1.4 加入Bootstrap文件
1.4.1 字體
1.4.2 JavaScript
1.4.3 暫時不考慮CSS文件
1.4.4 複製LESS文件
1.5 大盤點
1.6 構造HTML模板
1.7 設定站點標題
1.7.1 調整過時的瀏覽器消息
1.7.2 設置主結構元素
1.8 導航條
1.9 編譯和鏈接默認的Bootstrap CSS
1.9.1 編譯Bootstr。ap CSS
1.9.2 完成響應式導航條
1.9.3 排除故障
1.9.4 支持IE8
1.10 小結
第2章 作品展示站點
2.1 設計目標
2.2 查看練習文件
2.3 搭建傳送帶
2.4 創建響應式分欄
2.5 把鏈接變成按鈕
2.6 理解LESS
2.6.1 嵌套規則
2.6.2 變量
2.6.3 混入
2.6.4 運算式
2.6.5 導入文件
2.6.6 模塊化
2.7 根據需要定製Bootstrap的LESS文件
2.8 添加Logo圖片
2.9 調整導航項內邊距
2.10 添加圖標
2.11 添加Font Awesome圖標
2.12 調整導航項圖標顏色
2.13 調整響應式導航條斷點
2.14 調整傳送帶
2.14.1 把控件改成使用Font Awesome圖標
2.14.2 添加上、下內邊距
2.14.3 強製圖片全寬
2.14.4 約束傳送帶的高度
2.14.5 重定位指示器
2.14.6 調整指示器外觀
2.15 調整分欄及其內容
2.16 修飾頁腳
2.17 接下來做什麼
2.18 小結
第3章 WordPress主題
3.1 下載並重命名.Roots主題
3.2 安裝主題
3.3 配置導航條
3.4 添加首頁內容
3.5 自定義頁面模板
3.6 理解Roots的基準模板
3.7 創建自定義的基本模板
3.8 在自定義結構中使用自定義欄目
3.9 創建自定義的內容模板
3.9.1 通過自定義欄目構建傳送帶
3.9.2 使用自定義欄目構建三欄內容
3.10 加入頁腳內容
3.11 Roots的assets文件夾里有什麼
3.12 更換設計資源
3.13 鏈接樣式表
3.14 鏈接JavaScript文件
3.15 為導航條和頁腳添加Logo圖片
3.16 添加圖標鏈接
Reference demo_5
In stock 297 Items
Data sheet