Question

我刚开始使用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>

Answer 1

下载http://github.com/joshuaclayton/blueprint-css/zipball/master并复制蓝图文件夹。

css类showgrid使用blueprint / src / grid.png文件

Answer 2

我在你的blueprint /目录中看到很多子目录，你确定你正确地包含了所有文件吗？

要检查的最后一件事是grid.png文件所在的位置。如grid.css文件第22行中所述，该文件应位于目录src /

中

蓝图CSS：showgrid无法正常工作

2 个答案: