关于html5的一段代码问题（使用span分栏）

Question

关于html5的一段代码问题（使用span分栏）

隔壁王叔叔

23733750

发布于
2016-04-26

Dont

7k163552

更新于
2016-04-26

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<mata name="viewport" contennt="width=device-width,initial-scale=1.0">
<title>Bootstrap_Project</title>
<link href="../bootstrap-3.3.5/dist/css/bootstrap.css" rel="stylesheet">
</head>

<body>
<div class="container">
  <h1 class="page-header">布局<small>毕设项目</small></h1>
  <p>hello world</p>
  <div class="row">
    <div class="span4">
      <h2 class="page-header">区块1</h2>
      <p> 这个是一个test</p>
    </div>
    <div class="span4">
      <h2 class="page-header">区块2</h2>
      <p> 这个是一个test</p>
    </div>
    <div class="span4">
      <h2 class="page-header">区块3</h2>
      <p> 这个是一个test</p>
    </div>
  </div>
</div>
<script src="../bootstrap-3.3.5/dist/js/bootstrap.js"></script> 
<script src="../bootstrap-3.3.5/dist/js/jquery-2.2.3.min.js"></script>
</body>
</html>

初学html代码，按照教程使用了div class=span4，因为整个页面是12span，试图用span4将3个标题栏分成3个竖向排列栏，然而保存刷新在搜狗和chrome浏览器打开之后发现并没有效果，使用的是bootstrap，求大神帮我分析下错在哪，thx！图片所示为预期图和实际图

图片描述