简介:本Bootstrap教程能够让您了解到,Bootstrap框架是一个非常受欢迎的前端开发框架,他能让后端程序员和不懂设计的前端人员制作出优美的Web页面或Web应用程序。在这个Bootstrap教程中,将带领大家了解Bootstrap框架以及如何使用Bootstrap框架,通过本教程学习能够独立定制出适合自己的Bootstrap。
第1章 Bootstrap简介
本章主要介绍了Bootstrap框架的历史、要怎么获取Bootstrap以及Bootstrap的文件结构等。
第2章 排版
Bootstrap通过覆写元素的默认样式,实现对页面排版的优化,让页面在用户面前呈现的更佳完美。
- 编程: 2-1 标题(一)
- 编程: 2-2 标题(二)
- 编程: 2-3 段落(正文文本)
- 编程: 2-4 强调内容
- 编程: 2-5 粗体
- 编程: 2-6 斜体
- 编程: 2-7 强调相关的类
- 编程: 2-8 文本对齐风格
- 编程: 2-9 列表--简介
- 编程: 2-10 列表--无序列表、有序列表
- 编程: 2-11 列表--去点列表
- 编程: 2-12 列表--内联列表
- 编程: 2-13 列表--定义列表
- 编程: 2-14 列表--水平定义列表
- 编程: 2-15 代码(一)
- 编程: 2-16 代码(二)
- 编程: 2-17 表格
- 编程: 2-18 表格--表格行的类
- 编程: 2-19 表格--基础表格
- 编程: 2-20 表格--斑马线表格
- 编程: 2-21 表格--带边框的表格
- 编程: 2-22 表格--鼠标悬浮高亮的表格
- 编程: 2-23 表格--紧凑型表格
- 编程: 2-24 表格--响应式表格
第3章 表单
本章介绍Bootstrap框架核心部分之一:表单,通过本章节的学习,可以轻松的使用Bootstrap框架制作出适合自己需求的表单。
- 编程: 3-1 基础表单
- 编程: 3-2 水平表单
- 编程: 3-3 内联表单
- 编程: 3-4 表单控件(输入框input)
- 编程: 3-5 表单控件(下拉选择框select)
- 编程: 3-6 表单控件(文本域textarea)
- 编程: 3-7 表单控件(复选框checkbox和单选择按钮radio)
- 编程: 3-8 表单控件(复选框和单选按钮水平排列)
- 编程: 3-9 表单控件(按钮)
- 编程: 3-10 表单控件大小
- 编程: 3-11 表单控件状态(焦点状态)
- 编程: 3-12 表单控件状态(禁用状态)
- 编程: 3-13 表单控件状态(验证状态)
- 编程: 3-14 表单提示信息
- 编程: 3-15 按钮
- 编程: 3-16 基本按钮
- 编程: 3-17 默认按钮
- 编程: 3-18 多标签支持
- 编程: 3-19 定制风格
- 编程: 3-20 按钮大小
- 编程: 3-21 块状按钮
- 编程: 3-22 按钮状态——活动状态
- 编程: 3-23 按钮状态——禁用状态
- 编程: 3-24 图像
- 编程: 3-25 图标(一)
- 编程: 3-26 图标(二)
第4章 网格系统
本章介绍Bootstrap框架的网格系统,通过本章的学习,可以使用网格系统完美的实现Web的布局。
第5章 菜单、按钮及导航
菜单(导航菜单)是一个Web网站或者Web应用程序必不可少的一个组件。在Bootstrap框架中也提供了这样的组件。在这一节中,我们主要和大家探讨下拉菜单组件的使用。
- 编程: 5-1 下拉菜单(基本用法)
- 编程: 5-2 下拉菜单(原理分析)
- 编程: 5-3 下拉菜单(下拉分隔线)
- 编程: 5-4 下拉菜单(菜单标题)
- 编程: 5-5 下拉菜单(对齐方式)
- 编程: 5-6 下拉菜单(菜单项状态)
- 编程: 5-7 按钮(按钮组)
- 编程: 5-8 按钮(按钮工具栏)
- 编程: 5-9 按钮(嵌套分组)
- 编程: 5-10 按钮(垂直分组)
- 编程: 5-11 按钮(等分按钮)
- 编程: 5-12 按钮下拉菜单
- 编程: 5-13 按钮的向下向上三角形
- 编程: 5-14 向上弹起的下拉菜单
- 编程: 5-15 导航(基础样式)
- 编程: 5-16 导航(标签形tab导航)
- 编程: 5-17 导航(胶囊形(pills)导航)
- 编程: 5-18 导航(垂直堆叠的导航)
- 编程: 5-19 自适应导航(使用)
- 编程: 5-20 自适应导航(实现原理)
- 编程: 5-21 导航加下拉菜单(二级导航)
- 编程: 5-22 面包屑式导航
第6章 导航条、分页导航
导航条和上一章介绍的导航,就相差一个字,多了一个“条”字。其实在Bootstrap框架中他们还是明显的区别。在导航条中有一个背景色、而且导航条可以是纯链接(类似导航),也可以是表单,还有就是表单和导航一起结合等多种形式。
第7章 其它内置组件
在网页制作中还有许多有用的小组件,如列表框、缩略图等,这一章就将给大家尾尾道来。
- 编程: 7-1 缩略图(一)
- 编程: 7-2 缩略图(二)
- 编程: 7-3 警示框
- 编程: 7-4 警示框--默认警示框
- 编程: 7-5 警示框--可关闭的警示框
- 编程: 7-6 警示框--警示框的链接
- 编程: 7-7 进度条
- 编程: 7-8 进度条--基本样式
- 编程: 7-9 进度条--彩色进度条
- 编程: 7-10 进度条--条纹进度条
- 编程: 7-11 进度条--动态条纹进度条
- 编程: 7-12 进度条--层叠进度条
- 编程: 7-13 进度条--带Label的进度条
- 编程: 7-14 媒体对象
- 编程: 7-15 媒体对象--默认媒体对象
- 编程: 7-16 媒体对象--媒体对象的嵌套
- 编程: 7-17 媒体对象--媒体对象列表
- 编程: 7-18 列表组
- 编程: 7-19 列表组--基础列表组
- 编程: 7-20 列表组--带徽章的列表组
- 编程: 7-21 列表组--带链接的列表组
- 编程: 7-22 列表组--自定义列表组
- 编程: 7-23 列表组--列表项的状态设置
- 编程: 7-24 列表组--多彩列表组
- 编程: 7-25 面板
- 编程: 7-26 面板--基础面板
- 编程: 7-27 面板--带有头和尾的面板
- 编程: 7-28 面板--彩色面板
- 编程: 7-29 面板--面板中嵌套表格
- 编程: 7-30 面板--面板中嵌套列表组
第8章 Bootstrap支持的JavaScript插件
本章节讲Bootstrap支持的JavaScript插件,包括选顶卡、弹出框、提示框。
- 编程: 8-1 导入JavaScript插件
- 编程: 8-2 动画过渡(Transitions)
- 编程: 8-3 模态弹出框(Modals)
- 编程: 8-4 模态弹出框--结构分析
- 编程: 8-5 模态弹出框--实现原理解析(一)
- 编程: 8-6 模态弹出框--实现原理解析(二)
- 编程: 8-7 模态弹出框--触发模态弹出窗2种方法
- 编程: 8-8 模态弹出框--为弹出框增加过度动画效果
- 编程: 8-9 模态弹出框--模态弹出窗的使用(data-参数说明)
- 编程: 8-10 模态弹出框--模态弹出窗的使用(JavaScript触发)
- 编程: 8-11 模态弹出框--JavaScript触发时的参数设置(一)
- 编程: 8-12 模态弹出框--JavaScript触发时的参数设置(二)