<!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 class="aritcle_card flexRow">
<div class="artcardd flexRow">
<a class="aritcle_card_img" href="/xiazai/code/8800" title="ZYCH自由策划企业网站管理系统06 Build210109"><img
src="https://img.php.cn/upload/webcode/000/000/019/175679100365390.jpg" alt="ZYCH自由策划企业网站管理系统06 Build210109" onerror="this.onerror='';this.src='/static/lhimages/moren/morentu.png'" ></a>
<div class="aritcle_card_info flexColumn">
<a href="/xiazai/code/8800" title="ZYCH自由策划企业网站管理系统06 Build210109">ZYCH自由策划企业网站管理系统06 Build210109</a>
<p>ZYCH自由策划企业网站管理系统是一个智能ASP网站管理程序，是基于自由策划企业网站系列的升级版，结合以往版本的功能优势，解决了频道模板不能自由添加删减的问题，系统开发代码编写工整，方便读懂，系统采用程序模板分离式开发。方便制作模板后台模板切换，模板采用动态编写，此模板方式写入快，代码编写自由，即能满足直接使用也能满足二次开发。全新的后台界面，不管是在程序的内部结构还是界面风格及CSS上都做了大量</p>
</div>
<a href="/xiazai/code/8800" title="ZYCH自由策划企业网站管理系统06 Build210109" class="aritcle_card_btn flexRow flexcenter"><b></b><span>下载</span> </a>
</div>
</div>
</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！图片所示为预期图和实际图
立即学习“前端免费学习笔记（深入）”；
回复内容：
<!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！图片所示为预期图和实际图
css/bootstrap.css" rel="stylesheet">
你引进的是bootstrap-3.3.5，但是却用bootstrap2的写法，肯定没效果啦，
http://v3.bootcss.com/css/bootstrap3的文档在这里，你按照这个来写吧
