Bootstrap基础教程

作品简介

Bootstrap是一个基于HTML 5和CSS 3的前端开发框架，它提供了较为丰富的Web组件，能够快速制作一个漂亮的Web页面。

《Bootstrap基础教程》主要围绕Bootstrap框架，讲述了Bootstrap布局、Bootstrap表单元素、Bootstrap导航、Bootstrap内置组件、Bootstrap对JavaScript的支持，以及HTML 5和CSS 3的一些基础知识等。《Bootstrap基础教程》是为从未接触过Bootstrap但又想了解学习Bootstrap技术的读者而编写的，适合以下人群阅读：

熟悉JSP、PHP、ASP.NET等后端Web技术的开发人员；

对HTML和CSS有一定了解的UI设计师；

对移动Web开发有浓厚兴趣的开发者；

有一定JavaScript（jQuery）开发经验的前端开发人员。

作者：贺臣；陈鹏

作品目录

• 前言
• 第一部分　Bootstrap布局
• 1　Bootstrap是什么
• 1.1　Bootstrap简述
• 1.2　如何使用Bootstrap
• 1.3　包含内容
• 1.4　简单模板
• 1.5　简单实例
• 2　网格系统
• 2.1　实现原理
• 2.2　工作原理
• 2.3　基本用法
• 2.4　列偏移
• 2.5　列排序
• 2.6　列嵌套
• 3　排版
• 3.1　标题
• 3.2　段落
• 3.3　mark标签
• 3.4　del和s标签
• 3.5　ins和u标签
• 3.6　strong和b标签
• 3.7　em和i标签
• 3.8　文本对齐方式
• 3.9　字母大小写
• 3.10　abbr标签的title属性
• 3.11　引用样式
• 3.12　列表
• 3.13　代码
• 3.14　表格
• 第二部分　Bootstrap表单元素
• 4　表单
• 4.1　基础表单
• 4.2　输入框
• 4.3　下拉框
• 4.4　文本域
• 4.5　多选框和单选框
• 4.6　表单焦点
• 4.7　表单禁用
• 4.8　验证样式
• 4.9　元素大小
• 4.10　按钮
• 4.11　图片
• 4.12　图标
• 4.13　输入框组
• 5　下拉菜单
• 5.1　基本用法
• 5.2　基本原理
• 5.3　分割线
• 5.4　菜单标题
• 5.5　对齐方式
• 5.6　菜单状态
• 6　按钮组
• 6.1　基本按钮组
• 6.2　工具栏
• 6.3　按钮组的大小
• 6.4　嵌套分组
• 6.5　垂直分组
• 6.6　等分按钮
• 6.7　按钮下拉菜单
• 第三部分　Bootstrap导航
• 7　导航
• 7.1　导航基础样式
• 7.2　选项卡导航
• 7.3　Pills导航
• 7.4　垂直导航
• 7.5　导航状态
• 7.6　自适应导航
• 7.7　导航二级菜单
• 7.8　面包屑导航
• 7.9　导航条
• 7.10　导航条的基本用法
• 7.11　品牌图标
• 7.12　导航条——表单
• 7.13　导航条——按钮
• 7.14　导航条——文本和链接
• 7.15　导航条中的二级菜单
• 7.16　固定导航条
• 7.17　响应式导航条
• 7.18　反色导航条
• 7.19　分页导航
• 7.20　标签和徽章
• 第四部分　Bootstrap内置组件
• 8　内置组件
• 8.1　面板
• 8.2　缩略图
• 8.3　巨幕
• 8.4　页头
• 8.5　提示框
• 8.6　进度条
• 8.7　媒体对象
• 8.8　列表组
• 第五部分　Bootstrap对JavaScript的支持
• 9　JavaScript支持
• 9.1　插件库说明
• 9.2　编程方式
• 9.3　过渡效果
• 9.4　对话框
• 9.5　下拉菜单
• 9.6　监听滚动
• 9.7　Tab选项卡
• 9.8　Tip提示
• 9.9　提示框
• 9.10　Popover弹出框
• 9.11　按钮
• 9.12　折叠/手风琴Collapse
• 9.13　轮播图
• 9.14　Affix插件
• 第六部分　HTML 5和CSS 3的相关知识
• 10　HTML 5元素
• 10.1　表单属性
• 10.2　Input类型
• 10.3　HTML 5新标签
• 11　CSS 3样式
• 11.1　选择器
• 11.2　伪类选择器
• 11.3　阴影
• 11.4　背景
• 11.5　圆角边框
• 11.6　响应式设计
• 12　案例
• 12.1　默认样式的不足
• 12.2　日历控件的使用
• 12.3　页面显示代码内容
• 12.4　表格插件
• 12.5　图表插件
• 附录A　Bootstrap 4.0以及其他
• A.1　重大更新
• A.2　重要链接地址