深入理解Bootstrap

深入理解Bootstrap

作者:徐涛

出版社:机械工业

出版年:2014年5月

ISBN:9787111464792

所属分类:网络科技

书刊介绍

《深入理解Bootstrap》内容简介

本书是目前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章:入



1.1、框架简介
1.2、新手入门
1.3、文件结构
1.4、HTML标准模板
1.5、CSS基本语法
1.5.1、优先级
1.5.2、选择器
1.5.3、伪类
1.5.4、display属性
1.5.5、媒体查询
1.6、JavaScript基本语法
1.6.1、||和&&运算符
1.6.2、立即调用的函数表达式
1.6.3、原型
1.7、jQuery基本用法
1.7.1、事件绑定
1.7.2、事件命名空间
1.7.3、$.data()
1.8、HTML5辅助设计
第2章:整



2.1、整体架构
2.2、栅格系统
2.2.1、实现原理
2.2.2、基本用法
2.2.3、响应式栅格
2.2.4、对重复代码的处理
2.3、CSS组件架构的设计思想
2.3.1、基础样式
2.3.2、颜色样式
2.3.3、尺寸样式
2.3.4、状态样式
2.3.5、特殊元素样式
2.3.6、并列元素样式
2.3.7、嵌套子元素样式
2.3.8、动画样式
2.3.9、小结
2.4、JavaScript插件架构
2.4.1、HTML布局规则
2.4.2、JavaScript实现步骤
2.4.3、通用技术
2.4.4、不足
2.5、禁用响应式布局
第3章:CSS布局
3.1、概述
3.2、基础排版
3.2.1、标题
3.2.2、页面主题
3.2.3、强调文本
3.2.4、缩略语
3.2.5、地址元素
3.2.6、引用
3.2.7、列表
3.3、代码
3.3.1、内联代码
3.3.2、用户输入代码
3.3.3、多行代码块
3.4、表格
3.4.1、基础样式
3.4.2、带背景条纹的表格
3.4.3、带边框的表格
3.4.4、鼠标悬停高亮的表格
3.4.5、紧凑型表格
3.4.6、行级元素样式
3.4.7、响应式表格
3.5、表单
3.5.1、基础表单
3.5.2、内联表单
3.5.3、横向表单
3.5.4、表单控件
3.5.5、控件状态
3.5.6、控件大小
3.5.7、其他
3.6、按钮
3.6.1、按钮样式
3.6.2、按钮大小
3.6.3、多标签支持
3.6.4、活动状态
3.6.5、禁用状态
3.7、图像
3.8、辅助样式
3.8.1、文本样式及背景样式
3.8.2、辅助图标
3.8.3、内容浮动
3.8.4、隐藏与显示
3.9、响应式样式
第4章:CSS组件
4.1、小图标
4.1.1、基本用法
4.1.2、实现方式
4.1.3、应用场景
4.1.4、其他
4.2、下拉菜单
4.2.1、基本用法
4.2.2、多级嵌套
4.3、按钮组
4.3.1、基本用法
4.3.2、按钮工具栏
4.3.3、按钮尺寸设置
4.3.4、嵌套分组
4.3.5、垂直分组
4.3.6、自适应分组
4.4、按钮下拉菜单
4.4.1、组合式下拉菜单
4.4.2、分离式下拉菜单
4.4.3、按钮大小
4.4.4、向上弹起的下拉菜单
4.5、输入框组
4.5.1、基本用法
4.5.2、尺寸大小设置
4.5.3、复选框与单选框作为addon
4.5.4、按钮作为addon
4.5.5、下拉菜单按钮作为addon
4.5.6、分段按钮作为addon
4.6、导航
4.6.1、选项卡导航
4.6.2、胶囊式选项卡导航
4.6.3、堆叠式导航
4.6.4、自适应导航
4.6.5、禁用链接
4.6.6、二级导航实现
4.7、导航条
4.7.1、基础导航条
4.7.2、导航条中的表单
4.7.3、导航条中的按钮、文本、链接
4.7.4、导航条中的项进行左右浮动
4.7.5、顶部固定或底部固定
4.7.6、响应式导航条
4.7.7、反色导航条
4.8、面包屑导航
4.9、分页导航
4.9.1、页码分页
4.9.2、翻页
4.10、标签
4.11、徽章:4.12、大屏幕展播
4.13、页面标题
4.14、缩略图
4.15、警告框
4.15.1、默认警告框
4.15.2、可关闭的警告框
4.15.3、多彩样式警告框
4.15.4、警告框中的链接
4.16、进度条
4.16.1、基本样式
4.16.2、多彩样式
4.16.3、条纹样式
4.16.4、动画样式
4.16.5、堆叠样式
4.17、媒体对象
4.17.1、默认样式
4.17.2、媒体列表
4.18、列表组
4.18.1、基础列表组
4.18.2、应用徽章标记或导航箭头
4.18.3、可链接的列表组
4.18.4、多彩列表项
4.18.5、自定义列表组
4.19、面板
4.19.1、基础面板
4.19.2、带有头和尾的面板
4.19.3、多彩面板
4.19.4、面板与表格进行嵌套
4.19.5、面板和列表组进行嵌套
4.20、洼地
4.21、主题
4.21.1、btn按钮样式主题
4.21.2、缩略图样式主题
4.21.3、下拉菜单样式主题
4.21.4、导航条样式主题
4.21.5、警告框样式主题
4.21.6、进度条样式主题
4.21.7、列表组样式主题
4.21.8、面板样式主题
4.21.9、well样式主题
第5章:JavaScript插件
5.1、动画过渡效果
5.1.1、使用方法
5.1.2、源码分析
5.2、模态弹窗
5.2.1、弹窗布局与样式
5.2.2、声明式用法
5.2.3、JavaScript用法
5.2.4、源码分析
5.3、下拉菜单
5.3.1、声明式用法
5.3.2、JavaScript用法
5.3.3、源码分析
5.4、滚动侦测
5.4.1、声明式用法
5.4.2、JavaScript用法
5.4.3、源码分析
5.5、选项卡
5.5.1、声明式用法
5.5.2、JavaScript用法
5.5.3、源码分析
5.6、提示框
5.6.1、声明式用法
5.6.2、JavaScript用法
5.6.3、源码分析
5.7、弹出框
5.7.1、声明式用法
5.7.2、JavaScript用法
5.7.3、源码分析
5.8、警告框插件
5.8.1、声明式用法
5.8.2、JavaScript用法
5.8.3、源码分析
5.9、按钮
5.9.1、声明式用法
5.9.2、JavaScript用法
5.9.3、源码分析
5.10、折叠
5.10.1、声明式用法
5.10.2、JavaScript用法
5.10.3、源码分析
5.11、旋转轮播
5.11.1、声明式用法
5.11.2、CSS源码分析
5.11.3、JavaScript用法
5.11.4、源码分析
5.12、自动定位浮标
5.12.1、声明式用法
5.12.2、JavaScript用法
5.12.3、源码分析
第6章:实战:扩展现有组件
6.1、扩展分页组件
6.1.1、形状扩展
6.1.2、颜色扩展
6.2、扩展Modal弹窗
6.2.1、扩展点探讨
6.2.2、Info弹窗扩展
6.2.3、Form弹窗扩展
第7章:实战:Win8磁贴组件开发
7.1、基本样式
7.1.1、方块定义
7.1.2、边框定义
7.2、颜色样式
7.3、尺寸样式
7.4、状态设置
7.5、特殊元素样式
7.5.1、tile-content样式定义
7.5.2、tile-content子元素的样式定义
7.5.3、Brand样式定义
7.6、并列元素与嵌套样式
7.7、动画插件
7.8、更全的Win8风格样式
第8章:实战:组合应用开发
8.1、任务描述
8.2、实战过程
8.3、笔者的建议
8.4、实战成果
8.5、所用技术总结
第9章:第三方扩展
9.1、Font
Awesome
9.1.1、介绍
9.1.2、常规用法
9.1.3、List列表上的图标
9.1.4、导航上的图标
9.1.5、固定角度旋转
9.1.6、360度旋转
9.1.7、多图叠加
9.2、BSIE扩展
9.3、Buttons
9.4、DateTime
Picker
9.5、Cikonss
9.6、Flat
UI
9.7、更多插件
附录A
浏览器兼容性支持
附录B
第三方插件开发建议
附录C
从2.x迁移到3.x
附录D
Glyphicons图标全集

热门书摘

信手拈来

一套完整的基础CSS插件。

丰富的预定义样式表。

Less是一种CSS预处理技术,它是一种动态样式语言,属于CSS预处理语言中的一种,它使用类似CSS的语法,为CSS赋予了动态语言的特性,如变量、继承、运算、函数等,更方便CSS的编写和维护。它可以在多种语言环境中使用,包括浏览器端、桌面客户端、服务端。由于本书不是专门讲解Less的书,所以在此不做过多的介绍,详情请访问Less中国官网(http:/

是多了以下一行代码:

2. 子选择器

举个例子,按钮组里,除第一个按钮、最后一个按钮和带有dropdown-toggle样式的元素外,其他btn样式的按钮都不能设置圆角。我们应该这么定义:.btn-group > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) { border-radius: 0; }注意 多个伪类可以一起使用

上述运算符的转换规则如下:■ 对象为true■ 非零数字为true■ 非空字符串为true■ 其他为false

稍有不同。它使

享元模式

关于享元模式的详细信息,请访问笔者的博客“深入理解JavaScript系列”里的第37篇,地址如下:http://www.cnblogs.com/TomXu/archive/2012/04/09/2379774.html

12栅格系统是整个Bootstrap的核心功能,也是响应式设计核心理念的一个实现形式。

normalize.less和scaffolding.less

Bootstrap使用了第三方CSS库Normalize。

相关推荐

微信二维码