• 欢迎访问搞代码网站,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站!
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏搞代码吧

关于html5的一段代码问题(使用span分栏)

php 搞代码 4年前 (2022-01-25) 31次浏览 已收录 0个评论
文章目录[隐藏]

<body>

<code><meta charset="utf-8"><title>Bootstrap_Project</title><link href="../bootstrap-3.3.5/dist/css/bootstrap.css" rel="stylesheet"><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></code>

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

回复内容:

<body>

<code><meta charset="utf-8"><title>Bootstrap_Project</title><link href="../bootstrap-3.3.5/dist/css/bootstrap.css" rel="stylesheet"><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"> <i style="color:transparent">@本文来源gaodai$ma#com搞$代*码6网</i><b>搞代gaodaima码</b>     <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></code>

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

<link href=”../bootstrap-3.3.5/dist/css/bootstrap.css” rel=”stylesheet”>

你引进的是bootstrap-3.3.5,但是却用bootstrap2的写法,肯定没效果啦,
http://v3.bootcss.com/css/bootstrap3的文档在这里,你按照这个来写吧


搞代码网(gaodaima.com)提供的所有资源部分来自互联网,如果有侵犯您的版权或其他权益,请说明详细缘由并提供版权或权益证明然后发送到邮箱[email protected],我们会在看到邮件的第一时间内为您处理,或直接联系QQ:872152909。本网站采用BY-NC-SA协议进行授权
转载请注明原文链接:关于html5的一段代码问题(使用span分栏)
喜欢 (0)
[搞代码]
分享 (0)
发表我的评论
取消评论

表情 贴图 加粗 删除线 居中 斜体 签到

Hi,您需要填写昵称和邮箱!

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址