Bootstrap是美国Twitter公司的设计师Mark Otto和Jacob Thornton合作基于HTML、CSS、JavaScript开发的简洁、直观、强悍的前端开发框架，使得Web开发更加快捷，并且快速做出漂亮的界面。Bootstrap提供了优雅的HTML和CSS规范，它即是由动态CSS语言Less写成。Bootstrap一经推出后颇受欢迎，一直是GitHub上的热门开源项目，国内一些移动开发者较为熟悉的该框架，如WeX5前端开源框架等，也是基于Bootstrap源码进行性能优化而来。

Bootstrap 提供了一个带有网格系统、链接样式、背景的基本结构。这将在Bootstrap 基本结构部分详细讲解。Bootstrap 自带以下特性：全局的 CSS设置、定义基本的 HTML 元素样式、可扩展的 class，以及一个先进的网格系统。除此之外，Bootstrap 包含了十几个可重用的组件，用于创建图像、下拉菜单、导航、警告框、弹出框等等。这些非常复杂的Bootstrap知识尽在本站的最新课程—轻松愉快搞定Bootstrap。还是老样子，我们先来看改课程的课程目录。

第一章 Bootstrap简介

 1-1 Bootstrap入门介   (03:34)

 1-2 Bootstrap下载   (04:11)

 1-3 第一个Bootstap案例   (08:08)

第二章 Bootstrap栅格系统

 2-1 栅格系统原理   (16:53)

 2-2 栅格系统-container   (06:28)

 2-3 栅格系统-栅格列样式   (09:50)

 2-4 栅格系统-栅格列迁移量   (06:02)

 2-5 栅格系统-栅格列嵌套   (04:02)

 2-6 栅格系统-栅格列移动   (06:14)

第三章 Bootstrap常用标签

 3-1 Bootstrap对列表标签样式支持   (10:57)

 3-2 Bootstrap对代码标签样式支持   (05:49)

 3-3 Bootstrap表格样式_基本表格样式   (10:20)

 3-4 Bootstrap表格样式_鼠标悬停效果样式   (01:43)

 3-5 Bootstrap表格样式_行内样式   (06:32)

 3-6 Boostrap表单域标签样式-简单注册页面   (07:21)

 3-7 Bootstrap图片和文本_图片样式   (09:13)

 3-8 Bootstrap图片和文本_文本样式   (04:06)

结合上述的课程目录，我们是从三个大的方面来进行Bootstrap的学习。先是Bootstrap简介，作为我们学习Bootstrap的敲门砖，然后是非常重要的Bootstrap栅格系统，最后学习的是 Bootstrap常用标签。此外，Bootstrap中包含了丰富的Web组件，根据这些组件，可以快速的搭建一个漂亮、功能完备的网站，其中包括以下组件：下拉菜单、按钮组、按钮下拉菜单、导航、导航条、路径导航、分页、排版、缩略图、警告对话框、进度条、媒体对象等。

其实只要你能看懂HTML/CSS/JavaScript就能玩转Bootstrap，甚至你只要能看懂HTML+CSS，你也照样能玩转Bootstrap，这跟初步接触没有关系，重点是你有没有去看人家的文档和代码，有没有动手去写。只要我们有一定的HTML/CSS/JavaScript基础，就能和动力节点在线的Bootstrap教程一样，轻松愉快搞定Bootstrap。