Bootstrap · The most popular HTML, CSS, and JS library in the world.
Bootstrap是一个非常受欢迎的前端开发框架，该框架极大的提高前端团队的开发效率，Bootstrap对常见的CSS布局组件和JavaScript插件进行了完整的封装，使得开发人员可以轻松使用，使用Bootstrap框架可以快速制作精美的响应式页面，并且兼容移动端。
一、什么是Bootstrap？
Bootstrap，来自Twitter，是目前最受欢迎的前端框架，bootstrap是基于html、css、JavaScript的，用于开发响应式布局、移动设备优先的web项目。
作为一个框架，它和jQuery、EasyUI、WebUI一样，助力于前端开发，简而言之，使用bootstrap让前端开发变得简介高效。
二、使用Bootstrap的好处
使用Bootstrap布局制作一个登录页面。
首先需要从Bootstrap · The most popular HTML, CSS, and JS library in the world. (getbootstrap.com)
下载Bootstrap最新版本，将下载的文件解压到目标文件夹，在css文件夹里面选择 bootstrap.min.css与login.html界面放在同一文件夹。
其次在login.html页面中用link标签引入外部bootstrap.min.css样式文件，即可使用Bootstrap框架中的类。
对于登录页面，如果不使用Bootstrap框架，不写CSS样式代码，则只有以下简单的html骨架样式：
<h3>百度</h3>
<form action="">
<div>
<label for="">用户名:</label>
<input type="text" style="color:red;">
</div>
<div>
<label for="">密码</label>
<input type="password" style="color:red;">
</div>
<div>
<input type="submit" value="登陆">
</div>
</form>
使用Bootstrap框架的表单栅格系统，调用其中的类，则有完美的表格登录样式(当然我做的很简单，只是单纯的展示一下Bootstrap的强大)，如下所示：
<div class="container">
<div class="col-md-4"></div>
<div class="col-md-4" style="background-color:#eee;;margin-top:200px;">
<center>
<h3>百度</h3>
</center>
<form action="">
<div class="form-group">
<label for="">用户名:</label>
<input type="text" class="form-control" style="color:red;">
</div>
<div class="form-group">
<label for="">密码</label>
<input type="password" class="form-control" style="color:red;">
</div>
<div class="form-group">
<input type="submit" value="登陆" class="btn btn-success form-control">
</div>
</form>
</div>
<div class="col-md-4"></div>
实现这个登录页面时，我们完全没有写CSS样式代码，直接使用了Bootstrap类实现，不到十分钟便完成了。如果要自己定义各种样式内容，达到以上布局效果，可能需要一个小时以上，这就是使用Bootstrap的魅力所在。
综上，作为前端程序员，若善于利用Bootstrap的类，在已经定义的基础上再实现定制，就可以十分高效率的书写理想的网页代码。
