2014-09-25 85 views
0

我對基金會是一種新鮮感,我試圖創建一個頂部酒吧,但我的代碼並沒有爲我創建頂部酒吧。你能幫我嗎???我已閱讀頂部欄的文檔,但我仍然卡住。基金會Zurb&頂部酒吧不出現

預先感謝您。

<!doctype html> 
<html class="no-js" lang="en"> 
    <head> 
    <meta charset="utf-8" /> 
    <meta name="viewport" content="width=device-width, initial-scale=1.0" /> 
    <title>Foundation | Welcome</title> 
    <link rel="stylesheet" href="css/normalize.css"> 
    <link rel="stylesheet" href="css/foundation.css"> 

    <script src="js/vendor/modernizr.js"></script> 
    </head> 
    <body> 

    <!--<div class="row"> 
     <div class="meduim-6 columns"><img src="http://placehold.it/300x100"></div> 

    </div>--> 
    <div class="contain-to-grid sticky"> 
     <nav class="top-bar" > 

     </nav> 
    </div> 



    <script src="js/vendor/jquery.js"></script> 
    <script src="js/foundation/foundation.js"></script> 
    <script src="js/foundation/foundation.topbar.js"></script> 
    <!-- Other JS plugins can be included here --> 

    <script> 
    $(document).foundation({ 

    topbar : { 
    custom_back_text: false, 
    is_hover: false, 
    mobile_show_parent_link: true 
    } 
}); 
    </script> 
    </body> 
</html> 

在此先感謝您。

回答

0

你app.css和app.js缺少

<head> 
    <!-- Included CSS Files --> 
    <link rel="stylesheet" href="stylesheets/foundation.min.css"> 
    <link rel="stylesheet" href="stylesheets/app.css"> 

    <!-- Custom Modernizr --> 
    <script src="javascripts/foundation/modernizr.foundation.js"></script> 
</head> 
<body> 
    <!-- jQuery --> 
    <script src="javascripts/jquery.js"></script> 

    <!-- JS Files--> 
    <script src="javascripts/foundation.min.js"></script> 

    <!-- Initialize JS Plugins --> 
    <script src="javascripts/app.js"></script> 
</body> 
+0

我在哪裏可以找到app.js和app.css文件?我正在使用基金會5. – 2014-09-25 15:30:38

+0

不,你不需要app.css或app.js(這是基金會的scss版本)他使用css版本的外觀。 – Sudheer 2014-09-26 06:07:14