我刚开始使用基金会并坦率地说,自从我建立了我的最后一个网站以来,我已经有一段时间了。所以请对我宽容。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>Inas | Ernährungs Coaching</title>
<link rel="stylesheet" href="../css/foundation.css" />
<link rel="stylesheet" href="../css/additionals.css" />
<script src="../js/vendor/modernizr.js"></script>
</head>
<body>
<div id="wrap">
<div id="header">
<div class="row">
<div class="large-12 columns clearfix">
<!-- a header -->
</div>
</div>
<br>
<div class="row">
<div class="small-12 columns">
<!-- Navigation -->
<div class="contain-to-grid sticky">
<nav class="top-bar data-topbar" >
<ul class="title-area" >
<li class="name">
<h1></h1>
</li>
<li class="toggle-topbar menu-icon"><a href="#"><span>Menü</span></a>
</li>
</ul>
<section class="top-bar-section">
<ul>
<li><a href="index.php">Start</a></li>
<li class="divider"><li>
<li><a href="index.php?page=angebot">Angebot</a></li>
<li class="divider"><li>
<li><a href="index.php?page=aktuelles">Aktuelles</a></li>
<li class="divider"><li>
<li><a href="index.php?page=mich">Über Mich</a></li>
<li class="divider"><li>
<li><a href="index.php?page=kontakt">Kontakt</a></li>
</ul>
</section>
</nav>
</div><!-- /navigation -->
</div>
</div>
</div>
<div id="main">
<!-- some content -->
</div>
<div id="footer">
<!-- a footer -->
</div>
</div>
<script src="../js/vendor/jquery.js"></script>
<script src="../js/foundation.js"></script>
<script src="../js/foundation/foundation.topbar.js"></script>
<script>
$(document).foundation();
</script>
</body>
</html>
非常感谢,这让我接受了解决方案:o) –