1

我有点难以完成这项工作。这是我的第一个网站，我正在使用 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 -->
4

1 回答 1

0

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

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

不是吗？

于 2013-09-09T07:54:09.793 回答