蓝图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>

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

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

我看到你的蓝图/目录中有很多子目录,你确定你包括了所有正确的文件吗?

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

相关内容

  • 没有找到相关文章

最新更新