响应式导航不起作用

Question

我在完成这项工作时遇到了一些困难。 这是我的第一个网站，我正在使用 Zurb，到目前为止发现它很好。 我正在尝试实现响应式导航，但它不起作用。我正在尝试的是这个：http://responsive-nav.com/#instructions。我做了他们要求的一切，但它仍然不起作用。和网站完全不加代码是一样的。

一些导航的代码，如果有帮助的话：

<div class="row" id="row-top">
    <div class="large-4 small-8 columns logo">
        <img src="img/logo.png" alt="Laboratório Morales">
    </div> <!-- logo -->

    <div class="large-8 small-12 columns nav">
        <ul class="inline-list menu-principal">
            <li><a href="#">Laboratório</a></li>
            <li><a href="#">Exames</a></li>
            <li><a href="#">Convênios</a></li>
            <li><a href="#">Estrutura</a></li>
        </ul> <!-- menu-principal -->
    </div> <!-- menu-principal div -->
</div> <!-- row topo -->

在头部和身体底部调用：

<link rel="stylesheet" href="css/responsive-nav.css">  <!-- responsive nav -->
<script src="js/responsive-nav.js"></script>          <!-- responsive nav -->


<script>
    var navigation = responsiveNav("#nav");
</script>  <!-- responsive nav -->    

Answer 1

嗯...你传递了一个 id #nav。但是您将 nav 放在类属性中。应该是

<div class="large-8 small-12 columns" id="nav">

不是吗？