深入理解Bootstrap

深入理解Bootstrap

暂无评价综合评分的显示会考虑用户真实性等多项因素,每部作品出现综合评分的时间不定。
7.471 评价豆瓣读书

作品简介

本书是目前Bootstrap领域技术版本最新、内容最全面、介绍最详细、实战性最强、最具深度的著作。它是资深Web技术专家多年工作经验的结晶,不仅授人以鱼,全面讲解了Bootstrap各个功能组件的使用方法,以及对现有插件和扩展的二次开发;还授人以渔,深入分析了Bootstrap的架构思想和各组件源码实现,以及如何开发自定义的完整插件和扩展。

既能满足初级前端工程师系统学习并迅速实践Bootstrap的需求,又能满足专业前端工程师深入掌握Bootstrap并解决各种疑难问题的需求。

全书一共9章:第1章介绍了学习Bootstrap必备的基础知识;第2章讲解了Bootstrap的整体架构、栅格系统、CSS组件架构、JavaScript插件架构;第3~4章讲解了CSS的各种布局和组件的使用方法、实现原理和应用场景;第5章详细讲解了JavaScript的各种插件的使用方法和源码实现;第6~8章通过3个综合性案例讲解了扩展现有组件的方法、Win 8磁贴组件的开发及组合应用的开发;第9章讲解了自定义第三方扩展的开发。

作品目录

  1. 前 言
  2. 第1章 入 门 准 备
  3. 1.1 框架简介
  4. 1.2 新手入门
  5. 1.3 文件结构
  6. 1.4 HTML标准模板
  7. 1.5 CSS基本语法
  8. 1.5.1 优先级
  9. 1.5.2 选择器
  10. 1.5.3 伪类
  11. 1.5.4 display属性
  12. 1.5.5 媒体查询
  13. 1.6 JavaScript基本语法
  14. 1.6.1 ||和&&运算符
  15. 1.6.2 立即调用的函数表达式
  16. 1.6.3 原型
  17. 1.7 jQuery基本用法
  18. 1.7.1 事件绑定
  19. 1.7.2 事件命名空间
  20. 1.7.3 $.data()
  21. 1.8 HTML5辅助设计
  22. 第2章 整 体 架 构
  23. 2.1 整体架构
  24. 2.2 栅格系统
  25. 2.2.1 实现原理
  26. 2.2.2 基本用法
  27. 2.2.3 响应式栅格
  28. 2.2.4 对重复代码的处理
  29. 2.3 CSS组件架构的设计思想
  30. 2.3.1 基础样式
  31. 2.3.2 颜色样式
  32. 2.3.3 尺寸样式
  33. 2.3.4 状态样式
  34. 2.3.5 特殊元素样式
  35. 2.3.6 并列元素样式
  36. 2.3.7 嵌套子元素样式
  37. 2.3.8 动画样式
  38. 2.3.9 小结
  39. 2.4 JavaScript插件架构
  40. 2.4.1 HTML布局规则
  41. 2.4.2 JavaScript实现步骤
  42. 2.4.3 通用技术
  43. 2.4.4 不足
  44. 2.5 禁用响应式布局
  45. 第3章 CSS布局
  46. 3.1 概述
  47. 3.2 基础排版
  48. 3.2.1 标题
  49. 3.2.2 页面主题
  50. 3.2.3 强调文本
  51. 3.2.4 缩略语
  52. 3.2.5 地址元素
  53. 3.2.6 引用
  54. 3.2.7 列表
  55. 3.3 代码
  56. 3.3.1 内联代码
  57. 3.3.2 用户输入代码
  58. 3.3.3 多行代码块
  59. 3.4 表格
  60. 3.4.1 基础样式
  61. 3.4.2 带背景条纹的表格
  62. 3.4.3 带边框的表格
  63. 3.4.4 鼠标悬停高亮的表格
  64. 3.4.5 紧凑型表格
  65. 3.4.6 行级元素样式
  66. 3.4.7 响应式表格
  67. 3.5 表单
  68. 3.5.1 基础表单
  69. 3.5.2 内联表单
  70. 3.5.3 横向表单
  71. 3.5.4 表单控件
  72. 3.5.5 控件状态
  73. 3.5.6 控件大小
  74. 3.5.7 其他
  75. 3.6 按钮
  76. 3.6.1 按钮样式
  77. 3.6.2 按钮大小
  78. 3.6.3 多标签支持
  79. 3.6.4 活动状态
  80. 3.6.5 禁用状态
  81. 3.7 图像
  82. 3.8 辅助样式
  83. 3.8.1 文本样式及背景样式
  84. 3.8.2 辅助图标
  85. 3.8.3 内容浮动
  86. 3.8.4 隐藏与显示
  87. 3.9 响应式样式
  88. 第4章 CSS组件
  89. 4.1 小图标
  90. 4.1.1 基本用法
  91. 4.1.2 实现方式
  92. 4.1.3 应用场景
  93. 4.1.4 其他
  94. 4.2 下拉菜单
  95. 4.2.1 基本用法
  96. 4.2.2 多级嵌套
  97. 4.3 按钮组
  98. 4.3.1 基本用法
  99. 4.3.2 按钮工具栏
  100. 4.3.3 按钮尺寸设置
  101. 4.3.4 嵌套分组
  102. 4.3.5 垂直分组
  103. 4.3.6 自适应分组
  104. 4.4 按钮下拉菜单
  105. 4.4.1 组合式下拉菜单
  106. 4.4.2 分离式下拉菜单
  107. 4.4.3 按钮大小
  108. 4.4.4 向上弹起的下拉菜单
  109. 4.5 输入框组
  110. 4.5.1 基本用法
  111. 4.5.2 尺寸大小设置
  112. 4.5.3 复选框与单选框作为addon
  113. 4.5.4 按钮作为addon
  114. 4.5.5 下拉菜单按钮作为addon
  115. 4.5.6 分段按钮作为addon
  116. 4.6 导航
  117. 4.6.1 选项卡导航
  118. 4.6.2 胶囊式选项卡导航
  119. 4.6.3 堆叠式导航
  120. 4.6.4 自适应导航
  121. 4.6.5 禁用链接
  122. 4.6.6 二级导航实现
  123. 4.7 导航条
  124. 4.7.1 基础导航条
  125. 4.7.2 导航条中的表单
  126. 4.7.3 导航条中的按钮、文本、链接
  127. 4.7.4 导航条中的项进行左右浮动
  128. 4.7.5 顶部固定或底部固定
  129. 4.7.6 响应式导航条
  130. 4.7.7 反色导航条
  131. 4.8 面包屑导航
  132. 4.9 分页导航
  133. 4.9.1 页码分页
  134. 4.9.2 翻页
  135. 4.10 标签
  136. 4.11 徽章
  137. 4.12 大屏幕展播
  138. 4.13 页面标题
  139. 4.14 缩略图
  140. 4.15 警告框
  141. 4.15.1 默认警告框
  142. 4.15.2 可关闭的警告框
  143. 4.15.3 多彩样式警告框
  144. 4.15.4 警告框中的链接
  145. 4.16 进度条
  146. 4.16.1 基本样式
  147. 4.16.2 多彩样式
  148. 4.16.3 条纹样式
  149. 4.16.4 动画样式
  150. 4.16.5 堆叠样式
  151. 4.17 媒体对象
  152. 4.17.1 默认样式
  153. 4.17.2 媒体列表
  154. 4.18 列表组
  155. 4.18.1 基础列表组
  156. 4.18.2 应用徽章标记或导航箭头
  157. 4.18.3 可链接的列表组
  158. 4.18.4 多彩列表项
  159. 4.18.5 自定义列表组
  160. 4.19 面板
  161. 4.19.1 基础面板
  162. 4.19.2 带有头和尾的面板
  163. 4.19.3 多彩面板
  164. 4.19.4 面板与表格进行嵌套
  165. 4.19.5 面板和列表组进行嵌套
  166. 4.20 洼地
  167. 4.21 主题
  168. 4.21.1 btn按钮样式主题
  169. 4.21.2 缩略图样式主题
  170. 4.21.3 下拉菜单样式主题
  171. 4.21.4 导航条样式主题
  172. 4.21.5 警告框样式主题
  173. 4.21.6 进度条样式主题
  174. 4.21.7 列表组样式主题
  175. 4.21.8 面板样式主题
  176. 4.21.9 well样式主题
  177. 第5章 JavaScript插件
  178. 5.1 动画过渡效果
  179. 5.1.1 使用方法
  180. 5.1.2 源码分析
  181. 5.2 模态弹窗
  182. 5.2.1 弹窗布局与样式
  183. 5.2.2 声明式用法
  184. 5.2.3 JavaScript用法
  185. 5.2.4 源码分析
  186. 5.3 下拉菜单
  187. 5.3.1 声明式用法
  188. 5.3.2 JavaScript用法
  189. 5.3.3 源码分析
  190. 5.4 滚动侦测
  191. 5.4.1 声明式用法
  192. 5.4.2 JavaScript用法
  193. 5.4.3 源码分析
  194. 5.5 选项卡
  195. 5.5.1 声明式用法
  196. 5.5.2 JavaScript用法
  197. 5.5.3 源码分析
  198. 5.6 提示框
  199. 5.6.1 声明式用法
  200. 5.6.2 JavaScript用法
  201. 5.6.3 源码分析
  202. 5.7 弹出框
  203. 5.7.1 声明式用法
  204. 5.7.2 JavaScript用法
  205. 5.7.3 源码分析
  206. 5.8 警告框插件
  207. 5.8.1 声明式用法
  208. 5.8.2 JavaScript用法
  209. 5.8.3 源码分析
  210. 5.9 按钮
  211. 5.9.1 声明式用法
  212. 5.9.2 JavaScript用法
  213. 5.9.3 源码分析
  214. 5.10 折叠
  215. 5.10.1 声明式用法
  216. 5.10.2 JavaScript用法
  217. 5.10.3 源码分析
  218. 5.11 旋转轮播
  219. 5.11.1 声明式用法
  220. 5.11.2 CSS源码分析
  221. 5.11.3 JavaScript用法
  222. 5.11.4 源码分析
  223. 5.12 自动定位浮标
  224. 5.12.1 声明式用法
  225. 5.12.2 JavaScript用法
  226. 5.12.3 源码分析
  227. 第6章 实战:扩展现有组件
  228. 6.1 扩展分页组件
  229. 6.1.1 形状扩展
  230. 6.1.2 颜色扩展
  231. 6.2 扩展Modal弹窗
  232. 6.2.1 扩展点探讨
  233. 6.2.2 Info弹窗扩展
  234. 6.2.3 Form弹窗扩展
  235. 第7章 实战:Win8磁贴组件开发
  236. 7.1 基本样式
  237. 7.1.1 方块定义
  238. 7.1.2 边框定义
  239. 7.2 颜色样式
  240. 7.3 尺寸样式
  241. 7.4 状态设置
  242. 7.5 特殊元素样式
  243. 7.5.1 tile-content样式定义
  244. 7.5.2 tile-content子元素的样式定义
  245. 7.5.3 Brand样式定义
  246. 7.6 并列元素与嵌套样式
  247. 7.7 动画插件
  248. 7.8 更全的Win8风格样式
  249. 第8章 实战:组合应用开发
  250. 8.1 任务描述
  251. 8.2 实战过程
  252. 8.3 笔者的建议
  253. 8.4 实战成果
  254. 8.5 所用技术总结
  255. 第9章 第三方扩展
  256. 9.1 Font Awesome
  257. 9.1.1 介绍
  258. 9.1.2 常规用法
  259. 9.1.3 List列表上的图标
  260. 9.1.4 导航上的图标
  261. 9.1.5 固定角度旋转
  262. 9.1.6 360度旋转
  263. 9.1.7 多图叠加
  264. 9.2 BSIE扩展
  265. 9.3 Buttons
  266. 9.4 DateTime Picker
  267. 9.5 Cikonss
  268. 9.6 Flat UI
  269. 9.7 更多插件
  270. 附录A 浏览器兼容性支持
  271. 附录B 第三方插件开发建议
  272. 附录C 从2.x迁移到3.x
  273. 附录D Glyphicons图标全集
载入中

热门划线

  1. 信手拈来2 人
  2. 一套完整的基础CSS插件。2 人
  3. 丰富的预定义样式表。2 人
  4. Less是一种CSS预处理技术,它是一种动态样式语言,属于CSS预处理语言中的一种,它使用类似CSS的语法,为CSS赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。它可以在多种语言环境中使用,包括浏览器端、桌面客户端、服务端。由于本书不是专门讲解Less的书,所以在此不做过多的介绍,详情请访问Less中国官网(http:/2 人
  5. 是多了以下一行代码:2 人
  6. 2. 子选择器2 人
  7. 举个例子,按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其他btn样式的按钮都不能设置圆角。我们应该这么定义:.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }注意 多个伪类可以一起使用2 人
  8. 上述运算符的转换规则如下:■ 对象为true■ 非零数字为true■ 非空字符串为true■ 其他为false2 人
  9. 稍有不同。它使2 人
  10. 享元模式2 人
  11. 关于享元模式的详细信息,请访问笔者的博客“深入理解JavaScript系列”里的第37篇,地址如下:http://www.cnblogs.com/TomXu/archive/2012/04/09/2379774.html2 人
  12. 12栅格系统是整个Bootstrap的核心功能,也是响应式设计核心理念的一个实现形式。2 人
  13. normalize.less和scaffolding.less2 人
  14. Bootstrap使用了第三方CSS库Normalize。2 人

大家都喜欢