2014-09-25 4 views
0

저는 Foundation에 익숙하지 만 최상단 막대를 만들려고 노력하고 있습니다. 그러나 제 코드는 나를 위해 최고의 막대를 만들지 않습니다. 도울 수 있니??? 상단 바에 대한 설명서를 검토했지만 아직 막혔습니다.파운데이션 Zurb & Top bar가 표시되지 않습니다.

미리 감사드립니다.

<!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는

나는 app.js 및 app.css 파일을 찾을 수 있습니다
<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

누락? Foundation 5를 사용하고 있습니다. –

+0

아니요. app.css 또는 app.js가 필요하지 않습니다. (재단의 scss 버전) 그는 CSS 버전을 사용하고 있습니다. – Sudheer

관련 문제