基金会Zurb&Top酒吧不会出现

时间:2022-12-06 17:01:29

I'm kind of new to Foundation and I'm trying to create a top bar, but my code does not create the top bar for me. Can you help??? I've reviewed the documentation for the top bar, but I'm still stuck.

我对基金会有点新意,我正在尝试创建一个*栏,但我的代码并没有为我创建*栏。你能帮我吗???我已经查看了顶栏的文档,但我仍然卡住了。

Thank you in advance.

先感谢您。

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

Thank you in advance.

先感谢您。

1 个解决方案

#1


0  

Your app.css and app.js are missing

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

#1


0  

Your app.css and app.js are missing

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