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 放在了class属性中。它应该是

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

不是吗？

自适应导航将无法正常工作

1 个答案: