Bootstrap2用户指南

Bootstrap 是由 Mark Otto 和 Jacob Thornton 两位设计师合作开发的一个基于 HTML、CSS、JavaScript 的前端框架,它简洁灵活,使得 Web 开发更加快速、简单


第 1 章 Bootstrap基础

1.1 Bootstrap简介

1.1.1 Bootstrap是什么

1.1.2 选择Bootstrap的理由

1.2 下载Bootstrap

1.3 Bootstrap的文件结构

1.3.1 编译版文件结构

1.3.2 源码版文件结构

1.4 定制Bootstrap

1.5 Bootstrap网页模板

第 2 章 Bootstrap框架

2.1 全局样式

2.1.1 文档类型

2.1.2 排版和链接

2.1.3 重置样式

2.2 默认栅格系统

2.2.1 HTML代码

2.2.2 列平移

2.2.3 列嵌套

2.3 流式栅格系统

2.3.1 HTML代码

2.3.2 列平移

2.3.3 列嵌套

2.4 Bootstrap布局

2.4.1 固定布局

2.4.2 流式布局

2.5 响应式布局

2.5.1 启用响应式布局

2.5.2 支持的设备类型

2.5.3 响应式布局辅助类

第 3 章 Bootstrap基本样式

3.1 排版

3.1.1 标题

3.1.2 正文

3.1.3 强调

3.1.4 对齐方式

3.1.5 缩写词

3.1.6 地址

3.1.7 引用

3.1.8 列表

3.2 源代码

3.2.1 行内代码

3.2.2 多行代码

3.3 表格

3.3.1 支持的表格标签

3.3.2 表格的默认样式

3.3.3 表格的可选样式

3.3.4 表格行的样式

3.4 表单

3.4.1 表单的默认布局

3.4.2 表单的可选布局

3.4.3 表单的基本控件

3.4.4 表单的扩展控件

3.4.5 表单控件的尺寸

3.4.6 不可编辑的控件

3.4.7 表单的动作按钮

3.4.8 表单的帮助文本

3.4.9 表单控件的状态

3.5 按钮

3.5.1 按钮的外观

3.5.2 按钮的尺寸

3.5.3 禁用的按钮

3.6 图片

3.7 图标

3.7.1 字体图标Glyphicons

3.7.2 如何使用字体图标

3.7.3 字体图标使用案例

第 4 章 Bootstrap组件

4.1 下拉菜单

4.1.1 创建下拉菜单

4.1.2 右对齐的下拉菜单

4.1.3 高亮某个菜单项

4.1.4 禁用某个菜单项

4.1.5 多级下拉菜单

4.2 按钮组

4.3 按钮菜单

4.3.1 按钮下拉菜单

4.3.2 拼接式按钮菜单

4.3.3 按钮菜单的尺寸

4.3.4 按钮上拉菜单

4.4 导航

4.4.1 创建导航组件

4.4.2 堆叠式导航

4.4.3 带下拉的导航

4.4.4 右对齐的导航

4.4.5 禁用导航链接

4.4.6 可切换的标签导航

4.4.7 标签导航的布局

4.5 导航条

4.5.1 基本导航条

4.5.2 导航条组件

4.5.3 固定导航条

4.5.4 响应式导航条

4.5.5 反色导航条

4.6 面包屑导航

4.7 分页导航

4.7.1 标准的分页导航

4.7.2 禁用和活动状态

4.7.3 分页导航的尺寸

4.7.4 分页导航的对齐方式

4.7.5 分页导航中的翻页

4.8 标签和徽章

4.9 排版

4.9.1 Hero unit

4.9.2 Page header

4.10 缩略图

4.11 警告框

4.11.1 警告框

4.11.2 警告块

4.11.3 警告框的外观

4.12 进度条

4.12.1 基本进度条

4.12.2 基本进度条

4.12.3 条纹进度条

4.12.4 进度条堆叠

4.13 媒体对象

4.13.1 媒体

4.13.2 媒体列表

4.14 其他

4.14.1 Well组件

4.14.2 辅助类

第 5 章 Bootstrap插件

5.1 概述

5.1.1 导入插件

5.1.2 调用插件

5.1.3 避免冲突

5.1.4 插件的选项

5.1.5 插件的事件

5.2 过渡

5.3 模态对话框

5.3.1 使用方法

5.3.2 调用方式

5.3.3 选项

5.3.4 方法

5.3.5 事件

5.4 下拉菜单

5.5 滚动监听

5.5.1 使用方法

5.5.2 调用方式

5.5.3 选项

5.5.4 方法

5.5.5 事件

5.6 标签页

5.6.1 调用方式

5.6.2 事件

5.7 工具提示

5.7.1 使用方法

5.7.2 选项

5.7.3 方法

5.8 弹出提示

5.8.1 使用方法

5.8.2 选项

5.8.3 方法

5.9 警告框

5.9.1 使用方法

5.9.2 事件

5.10 按钮

5.10.1 状态提示

5.10.2 状态切换

5.10.3 按钮组

5.11 折叠

5.11.1 使用方法

5.11.2 调用方式

5.11.3 选项

5.11.4 事件

5.12 轮番

5.12.1 使用方法

5.12.2 调用方式

5.13 Typeahead

5.14 Affix

第 6 章 Bootstrap编码规范

6.1 HTML编码规范

6.1.1 语法规范

6.1.2 HTML5 Doctype

6.1.3 语言属性

6.1.4 字符编码

6.1.5 IE兼容模式

6.1.6 引入 CSS 和 JavaScript 文件

6.1.7 实用为王

6.1.8 属性顺序

6.1.9 布尔型属性

6.1.10 减少标签的数量

6.1.11 JavaScript生成的标签

6.2 CSS编码规范

6.2.1 语法规范

6.2.2 声明顺序

6.2.3 不要使用 @import

6.2.4 媒体查询的位置

6.2.5 带前缀的属性

6.2.6 单行规则声明

6.2.7 简写形式的属性声明

6.2.8 Less 和 Sass 中的嵌套

6.2.9 Less 和 Sass 中的操作符

6.2.10 注释

6.2.11 Class 命名规范

6.2.12 选择器

6.2.13 代码组织

6.3 编辑工具配置

返回顶部 手机访问 关注微信 返回底部

扫码访问歪脖网

随时随地,想看就看

关注歪脖网微信

分享 web 知识、交流 web 经验