深入理解Bootstrap
2020-04-13 10:20:30 0 举报AI智能生成
深入理解Bootstrap
作者其他创作
大纲/内容
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图标全集
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风格样式
0 条评论
下一页
