boostrapドロップダウンで間違っている

Question

私はこの問題を持っています。私のメニューはブーストラップのドロップダウンでは動作しません。これは私のコードです：

<nav role="navigation" class="col-sm-12"> 
 
    <div class="navbar-header"> 
 
     <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target=".navbar-collapse"> 
 
      <span class="sr-only">Toggle navigation</span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
      <span class="icon-bar"></span> 
 
     </button> 
 

 
     <!--== Logo ==--> 
 
     <span class="navbar-brand logo"> 
 
     <img src="images/logo.png" alt="Rio Duero" title="Rio Duero"/> 
 
    </span> 
 

 
    </div> 
 
    <div class="navbar-collapse collapse" id="bs-example-navbar-collapse-1"> 
 

 
     <!--== Navigation Menu ==--> 
 
     <ul class="nav navbar-nav"> 
 
      <li class="current"><a href="#header">Home</a></li> 
 
      <li><a href="#empresa">Empresa</a></li> 
 
      <li><a href="#produccion">Zona Producción</a></li> 
 
      <li><a href="#biodinamico">Biodinámico</a></li> 
 
      <li><a href="#productos">Productos</a></li> 
 
      <li><a href="#certificaciones">Certificaciones</a></li> 
 
      <li><a href="#contacto">Contacto</a></li> 
 
      
 
     </ul> 
 
    </div> 
 
</nav>

あなたが見ることができる私のサイトには、次のとおりです。http://rioduero.cl/index23.php

Answer 1

あなたのヘッダーをチェックし、使用が**Bootstrap CDN**

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/css/bootstrap.min.css"> 
<script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" ></script> 

<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.11.0/umd/popper.min.js" ></script> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" ></script> 

あなたのコードを使用してください。確認してください。 https://jsfiddle.net/2017mb/gadxqgju/

Answer 2

ことを確認してください、これは以下のドロップダウンのために、このいずれかを試してみてください

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta/js/bootstrap.min.js" ></script> 

リンク追加

<ul class="nav navbar-nav"> 
    <li class="current"><a href="#header">Home</a> 
    <ul> 
     <li><a href="#empresa">Empresa</a></li> 
    <li><a href="#produccion">Zona Producción</a></li> 
    <li><a href="#biodinamico">Biodinámico</a></li> 
    <li><a href="#productos">Productos</a></li> 
    <li><a href="#certificaciones">Certificaciones</a></li> 
    <li><a href="#contacto">Contacto</a></li> 
    </ul> 
    </li> 
</ul>