蓝图 CSS:showgrid 不起作用
我刚刚开始使用 Blueprint css 。我正在尝试使用 showgrid 类,但它没有在屏幕上显示任何网格。下面是代码。如果我遗漏了什么,请告诉我。
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title> Book Haven</title>
<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
<link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="blueprint/src/grid.css" type="text/css">
</head>
<body>
<div class="container showgrid">
<div id="header" class="span-24 last">
<h1 id="book_haven"><img src="bookicon.png" alt="Book header image" id="header-image" /> </h1>
</div>
<hr />
</div>
I just started out with Blueprint css . I am trying to use showgrid class , but it is not showing me any grid in the screen . Below is the code . Please let me know if I am missing something .
<html>
<head>
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<title> Book Haven</title>
<link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
<link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
<link rel="stylesheet" href="blueprint/plugins/fancy-type/screen.css" type="text/css" media="screen, projection" />
<link rel="stylesheet" href="blueprint/src/grid.css" type="text/css">
</head>
<body>
<div class="container showgrid">
<div id="header" class="span-24 last">
<h1 id="book_haven"><img src="bookicon.png" alt="Book header image" id="header-image" /> </h1>
</div>
<hr />
</div>
如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱,如果其他用户或者作者回复了您的评论,将不能在第一时间通知您!
发布评论
评论(2)
下载 http://github.com/joshuaclayton/blueprint-css/zipball/master 并复制蓝图文件夹。
css 类 showgrid 使用 blueprint/src/grid.png 文件
Download http://github.com/joshuaclayton/blueprint-css/zipball/master and copy the blueprint folder.
css class showgrid makes use of blueprint/src/grid.png file
我在您的 blueprint/ 目录中看到很多子目录,您确定正确包含了所有文件吗?
最后要检查的是 grid.png 文件所在的位置。如 grid.css 文件第 22 行所述,该文件应位于目录 src/ 中
I see a lot of sub-directories in your blueprint/ directory, are you sure you are including all files correctly ?
Last thing to check is where the grid.png file is located. As described in grid.css file line 22, the file should be in the directory src/