1. BootStrap:from Twitter, 基于CSS,HTML,JAVASCRIPT的简洁灵活的流行前端框架及交互组件集
2. GitHub上这样介绍 bootstrap：简单灵活可用于架构流行的用户界面和交互接口的html,css,javascript工具集。基于html5、css3的 bootstrap，具有大量的诱人特性：友好的学习曲线，卓越的兼容性，响应式设计，12列格网，样式向导文档，自定义JQuery插件，完整的类库， 基于Less等。
3. 响应式12列格网布局系统，引入了fixed和fluid-with两种布局方式
4. Scaffolding(手脚架)提供固定和流式布局，宽达940px和12列的格网系统:
全局：
<!DOCTYPE HTML>
<html lang="en">…
</html>
格网系统：
<div class="row">
<div class="span4" style="border: 1px solid black">...</div>
<div class="span8" style="border: 1px solid black">...</div>
</div>
偏移列：
Span4 offset4 ：offset偏移距离
<div class="row">
<div class="span4" style="border: 1px solid black">l</div>
<div class="span6 offset4" style="border: 1px solid black">g</div>
</div>
嵌套列：
嵌套列在div中再嵌套入.row的div，可在其中嵌套div,嵌套的div长度之和不能大于它的父div，否则会溢出叠加
<div class="row">
<div class="span12" style="border: 1px solid black">
<div class="row">
<div class="span4" style="border: 1px solid black">Level 2</div>
<div class="span4" style="border: 1px solid black">Level 2</div>
</div>
</div>
</div>
流式网格系统：
使用%,将.row改为.row-fluid
<div class="row-fluid">
<div class="span4" style="border: 1px solid black">d</div>
<div class="span8" style="border: 1px solid black">s</div>
</div>
嵌套的流式格网和嵌套的固定格网，稍微有些不同。嵌套流式格网(Fluid nesting)的子要素不用匹配父要素的宽度，子要素用100%来表示占满父要素的页面宽度。
流式和固定布局：
固定：
<div class="container" style="border: 1px solid black">固定布局</div>
流式：
<div class="container-fluid" style="border: 1px solid black">
流式布局
<div class="row-fluid">
<div class="span2" style="border: 1px solid black">2</div>
<div class="span10" style="border: 1px solid black">10</div>
</div>
</div>
