布局方式
在bootstrap当中是采用网格布局的，把一个横着的一行分为12个栏。下面我们使用一个网页来演示：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewpot" content="width=device-width,initial-scale=1.0">
<title>learn bootstrap</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="jquery1.7.2/jquery-1.7.2.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<h1 class="page-header">dota2<small>多人联机对抗RPG</small></h1>
<p>《DOTA2》，是脱离了其上一代作品《DOTA》所依赖的War3的引擎，由《DOTA》的地图核心制作者IceFrog（冰蛙）联手美国Valve公司使用他们的Source引擎研发的、Valve运营，完美世界代理（国服），韩国NEXON代理（韩服）的多人联机对抗RPG。
《DOTA2》游戏保持原有风格不变，《DOTA》中的100多位英雄正在逐步的移植到《DOTA2》中。从某种程度上来说，《DOTA2》是现有DOTA的新引擎版。完美正式宣布DOTA2于2013年4月28日开始测试， 已发布中文名“刀塔”。
</p>
<h2 class="page-header">背景1</h2>
<p>混元初开，天地未分之际，初生的世界就迎来了一个诡异的伴星一颗如同水晶般透明的星球，被后人称为“癫狂之月”。这颗看上去很小的星球蕴含着狂暴的光芒力量，目睹这力量的人让人感觉似乎是亲眼见证了神的交战。它发出的光芒如此之强，以至于白昼时候的阳光也要逊色三分。而癫狂之
月并非一颗安分稳定的星球。与其说他是一个星球，不如说是一个囚牢。里面囚禁着两个争斗了千万年的远古智慧，创世者厌倦了他这俩个子民无休止的争斗，于是降下天罚，把这两个远古智慧关押在一个异能水晶所制成的球体内，让他们永世争斗，永世坠落。这个不详的囚笼在空间中漂浮了无数个世纪，最后，被我们这个可怜的世界的引力所捕获。
</p>
<h2 class="page-header">背景2</h2>
<p>
在癫狂之月的照耀下，原始的社会文明时代更迭，而无数的哲人和智者也毕生注视着这一奇怪的星体，用自己的想象力和有限的认知能力来解释这一现象。而在同时，天体间的轨道应力和潮汐力带来的裂隙，也让癫狂之月的囚犯们开始密谋逃离，一开始那些裂隙还只是细微的，然而随着里面的力量不停的冲撞，裂隙开始蔓延，从最细微的裂痕，演变成了成千上万道庞大的沟壑，并不时因为里面的能量而发出妖艳的红光。
</p>
<h2 class="page-header">背景2</h2>
<p>
终于，在被称为“殇月之夜”的晚上，癫狂之月分崩离析。绝大多数形体碎片散入空间中，燃烧殆尽。然而，还是有一些碎片降落在地上，有的熔化了，有的虽然破碎了，但是保留了最初的晶体状。碎片安静的在地上躺着。岁月变迁，终于，大地从灭顶之灾中缓慢的恢复，而这次史前大灾难的幸存者们也逐渐的生息繁衍，传承文明。到后来，癫狂之月已经逐渐成为了一个遥不可及的幻梦，而殇月之夜，也成为了一个传说。
</p>
</body>
</html>
修改后的代码
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewpot" content="width=device-width,initial-scale=1.0">
<title>learn bootstrap</title>
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<script src="jquery1.11.3/jquery-1.11.3.min.js"></script>
<script src="bootstrap/js/bootstrap.js"></script>
<div class="container">
<h1 class="page-header">dota2<small>多人联机对抗RPG</small></h1>
<p>《DOTA2》，是脱离了其上一代作品《DOTA》所依赖的War3的引擎，由《DOTA》的地图核心制作者IceFrog（冰蛙）联手美国Valve公司使用他们的Source引擎研发的、Valve运营，完美世界代理（国服），韩国NEXON代理（韩服）的多人联机对抗RPG。
《DOTA2》游戏保持原有风格不变，《DOTA》中的100多位英雄正在逐步的移植到《DOTA2》中。从某种程度上来说，《DOTA2》是现有DOTA的新引擎版。完美正式宣布DOTA2于2013年4月28日开始测试， 已发布中文名“刀塔”。
</p>
<div class="row">
<div class="col-md-4">
<h2 class="page-header">背景1</h2>
<p>混元初开，天地未分之际，初生的世界就迎来了一个诡异的伴星一颗如同水晶般透明的星球，被后人称为“癫狂之月”。这颗看上去很小的星球蕴含着狂暴的光芒力量，目睹这力量的人让人感觉似乎是亲眼见证了神的交战。它发出的光芒如此之强，以至于白昼时候的阳光也要逊色三分。而癫狂之
月并非一颗安分稳定的星球。与其说他是一个星球，不如说是一个囚牢。里面囚禁着两个争斗了千万年的远古智慧，创世者厌倦了他这俩个子民无休止的争斗，于是降下天罚，把这两个远古智慧关押在一个异能水晶所制成的球体内，让他们永世争斗，永世坠落。这个不详的囚笼在空间中漂浮了无数个世纪，最后，被我们这个可怜的世界的引力所捕获。
</p>
</div>
<div class="col-md-4">
<h2 class="page-header">背景2</h2>
<p>
在癫狂之月的照耀下，原始的社会文明时代更迭，而无数的哲人和智者也毕生注视着这一奇怪的星体，用自己的想象力和有限的认知能力来解释这一现象。而在同时，天体间的轨道应力和潮汐力带来的裂隙，也让癫狂之月的囚犯们开始密谋逃离，一开始那些裂隙还只是细微的，然而随着里面的力量不停的冲撞，裂隙开始蔓延，从最细微的裂痕，演变成了成千上万道庞大的沟壑，并不时因为里面的能量而发出妖艳的红光。
</p>
</div>
<div class="col-md-4">
<h2 class="page-header">背景3</h2>
<p>
终于，在被称为“殇月之夜”的晚上，癫狂之月分崩离析。绝大多数形体碎片散入空间中，燃烧殆尽。然而，还是有一些碎片降落在地上，有的熔化了，有的虽然破碎了，但是保留了最初的晶体状。碎片安静的在地上躺着。岁月变迁，终于，大地从灭顶之灾中缓慢的恢复，而这次史前大灾难的幸存者们也逐渐的生息繁衍，传承文明。到后来，癫狂之月已经逐渐成为了一个遥不可及的幻梦，而殇月之夜，也成为了一个传说。
</p>
</div>
</div>
</div>
</body>
</html>
container
可以让元素居中显示
在row标签当中插入span4，可以让div横着摆放
我做了一些调整
-
我用的bootstrap是最新的也就是3.3的版本，需要jquery1.9.1以上，然后我跟新了jquery到1.11.3
-
spaw4 已经无法使用了，所以我是用了全新的"col-md-4"来实现，分栏的工作