Bootstrap框架是什么,如何用Bootstrap框架实现表单验证?
Bootstrap是Twitter推出的一个用于前端开发的开源工具包。它由Twitter的设计师Mark Otto和Jacob Thornton合作开发，是一个CSS/HTML框架。采用bootstrap框架来实现表单验证的优势有以下两点：它使用起来很方便。
Bootstrap框架属于UI框架，这个和jQuery不太一样，其实准确的描述Bootstrap框架属于css框架而非javascript框架，但是它本身也使用javascript来完善Bootstrap框架的视觉效果。
Bootstrap 需要为页面内容和栅格系统包裹一个 .container 容器，包括两个：.container 类用于固定宽度并支持响应式布局的容器；.container-fluid 类用于 100% 宽度，占据全部视口（viewport）的容器。如下图是一个实例。
布局容器：Bootstrap 需要为页面内容和栅格系统包裹一个 .container或container-fluid(占据全部视口viewport的容器)容器。
如何修改bootstrap模板,要实实在在的步骤,
1、通常，我们可以直接覆盖bootstrap的样式。
2、用浏览器的开发工具定位css的样式所在文件，然后新建一个样式文件覆盖掉原来的样式。如果项目中的导航栏都是固定样式的，可以修改bootstrap的less源文件，修改后编译一份。
3、bootstrap也提供轮播模板。自己写的话，假如放3张轮播图，pic1，pic2，pic3。创建一个ul，ul中放5张图片，顺序是pic3，pic1，pic2，pic3，pic1，这样衔接起来。
4、下图为其基本模板。由于bootstrap是用jquery编写，所以需要jquery支持，我们使用的是在线jquery库。在浏览器查看效果。h1第一级标题使用的样式是bootstrap的样式，而非h1原本的样式。
5、如果是前后端分离架构，你可能需要根据接口情况，适当修改html代码，将一部分代码数据通过ajax进行请求获取。模板嵌套最重要的就是通过控制台查看路径是否正确，如果不正确，页面加载的时候css，图片等样式就会出现问题。
如何使用Bootstrap网格系统
1、通过下表可以详细查看Bootstrap的栅格系统如何在多种屏幕设备上工作的。列偏移 使用.col-md-offset-*可以将列偏移到右侧。这些class通过使用*选择器将所有列增加了列的左侧margin。
2、Bootstrap的样式使用了lesscss技术，比如重置背景这样的操作，这些比较简单我就不展开叙述了，脚手架里最出彩的是栅格系统和布局。
3、学习要点： 移动设备优先 布局容器 栅格系统 本节课我们主要学习一下 Bootstrap 的栅格系统，提供了一套响应式、移动设备优先的流式栅格系统。
4、如果有自己特殊的需求，就需要重新定制样式，如果一个网站中有大量的非bootstrap“风格”的样式存在，那么你就需要做大量的css重写，因此也就失去了使用框架的意义。
5、.col-sm-* 这是小屏幕设备类（≥768px且992px），类似平板设备。 .col-md-* 这是中型设备类（≥992px且1200px）。 .col-lg-* 这是大型设备类（≥1200px）。
如何学习bootstrap框架
bootstrap框架 以栅栏式布局，分12列，16列，24列和32列，常用12列。整个页面必须在container容器内部 移动端以 来使视图一比一缩放。
bootstrap框架，这个应该是所有前端开发都知道并用过的一个框架了，应为这个是目前最流行的框架，使用最广，网上文档资料模板最多最容易查找的了。
代码管理及版本控制svn、Git，web框架/服务器Node、Express，代码规范、HTML模块化、css模块化。布局框架学习如Bootstrap。新技术html5学习。js框架学习，requireJS、AngularJS等，往前端架构师靠近。nodejs学习。
浏览器支持，所有的主流浏览器支持，包括：IE、firefox、opera、chrome、Safari等。容易上手，掌握html+css基础即可。具有设备响应式兼容。bootstrap的响应式css能够自适应于台式机、平板电报和手机。
常用移动端框架：纯JS库的推荐zepto.js，CSS3中的学习bootstrap或fundation5（推荐学习bootstrap，bootstrap拥有美观的样式和封装完善的JQ插件，使用方便，基于Bootstrap的扩展也很多，这是其他框架所无法比拟的）。