Question

<nav class="navbar navbar-default navbar-fixed-top" role="navigation">
      <div class="container">
      <div class="navbar-header">
      <!-- MÅ FIKSES, HAMBURGERMENY -->
           <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
               <span class="sr-only">Toggle navigation</span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
               <span class="icon-bar"></span>
            </button> <!-- Må FIKSES -->
        <a class="navbar-brand top-20 bottom-20 brand-border" href="index.html"><img src="images/afk-logo.png"/></a>
        </div>
        <!-- Collect the nav links, forms, and other content for toggling -->
        <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
        <ul class="nav navbar-nav">
        <li class="top-10 left-25">
          <h3 class="fat3 hidden-sm hidden-xs hidden-md">Vurdering for læring</h3>
        </li>
          <li>
            <a class="top-20 bottom-20 left-50" href="artikkelmal.html">For lærere og skoleledere</a>
          </li>
          <li>
            <a class="top-20 bottom-20" href="#">For elever og foresatte</a>
          </li>
          <li>
            <a class="top-20 bottom-20" href="#">Om rammeverk for vurdering</a>
          </li>
          <li>
            <a class="top-5 hidden-sm hidden-xs hidden-md" href="#"><span class="glyphicon glyphicon-search roundy-glyphicon" aria-hidden="true"></span></a>
          </li>
        </ul>
      </div>
    </nav>

问题是移动屏幕中的汉堡菜单无法正常运行。它只是点击它激活，然后没有任何链接出现。我可以在<li>中使用不同的类吗？或者这会阻止它工作吗？

Answer 1

是的，可以在li标签中包含嵌套元素的类。你尝试过类似的东西吗？

<span class="top-20 bottom-20"><a href="#">For elever og foresatte</a></span>

Burger / Collapsed菜单未列出

1 个答案: