开发者

Blueprint CSS : showgrid not working

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="s开发者_如何学Pythoncreen, 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>


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


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/

0

上一篇:

下一篇:

精彩评论

暂无评论...
验证码 换一张
取 消

最新问答

问答排行榜