关于html5的一段代码问题（使用span分栏）-php教程-PHP中文网

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

php中文网

发布： 2016-06-06 20:10:44

原创

1833人浏览过

html>

<!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！图片所示为预期图和实际图

ZYCH自由策划企业网站管理系统06 Build210109

ZYCH自由策划企业网站管理系统是一个智能ASP网站管理程序，是基于自由策划企业网站系列的升级版，结合以往版本的功能优势，解决了频道模板不能自由添加删减的问题，系统开发代码编写工整，方便读懂，系统采用程序模板分离式开发。方便制作模板后台模板切换，模板采用动态编写，此模板方式写入快，代码编写自由，即能满足直接使用也能满足二次开发。全新的后台界面，不管是在程序的内部结构还是界面风格及CSS上都做了大量