bootstrap 流布局


<!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-fluid">
  <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-fluid">

      <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>

相对于上一章流布局,有两个改变

  1. container改成了container-fluid
  2. row改成了row-fluid
原文地址:https://www.cnblogs.com/yufenghou/p/4501849.html