基金会Zurb和顶部栏未出现

我是Foundation的新手，我正在尝试创建一个顶部栏，但我的代码没有为我创建顶部栏。你能帮忙吗？？？我已经查看了顶部栏的文档，但我仍然被卡住了。

提前谢谢。

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

提前谢谢。

您的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>

相关内容

最新更新

热门标签：