自舉中的下拉菜單的問題

我在bootstrap中的下拉菜單有一些麻煩，但我不知道發生了什麼，我的代碼是基於bootstrap的文檔有點基礎上，我搜索了另一個答案，但我找不到我的問題，所以我會問你的幫助。自舉中的下拉菜單的問題

ps。我只是爲了更好地組織它而做了它，但是我嘗試了另一個關於身體的例子，它仍然不起作用。

我曾嘗試添加ajax，jquery，將它移動到頭部，但沒有任何作品，我該怎麼辦？

這裏是我的HTML代碼：

<head> 
    <meta charset="UTF-8"> 
    <title>Frigorifico</title> 
    <meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"> 
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css"> 
    <link rel="stylesheet" href="stilos.css"> 
</head> 
<body> 
    <header> 
     <div class="container-fluid row form-inline"> 
      <h1 class="col-md-2">Frigorifico</h1> 
      <nav class="col-md-9"> 
        <ul class="nav justify-content-center"> 
         <li class="nav-item col-md-3"> 
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Proyectos Actuales</a> 
           <div class="dropdown-menu"> 
             <a class="dropdown-item" href="#">Proyectos Anteriores</a> 
             <div class="dropdown-divider"></div> 
             <a class="dropdown-item" href="#" disabled>Proyectos Actuales</a> 
           </div> 
         </li> 
         <li class="nav-item col-md-3"> 
          <a class="nav-link" href="#">Cronograma Semanal</a> 
         </li> 
         <li class="nav-item col-md-3 dropdown"> 
          <a class="nav-link dropdown-toggle" data-toggle="dropdown" href="#" role="button" aria-haspopup="true" aria-expanded="false">Perfiles</a> 
           <div class="dropdown-menu"> 
             <a class="dropdown-item" href="#">Clientes</a> 
             <a class="dropdown-item" href="#">Marcas</a> 
             <a href="#" class="dropdown-item">HablaRangers</a> 
           </div> 
         </li> 
        </ul> 
      </nav> 
      <a href="#" class="col-md-1">Mi perfil</a> 
     </div> 
    </header> 



    <script src="bootstrap/js/jquery-3.2.1.min.js"></script> 
    <script src="bootstrap/js/bootstrap.min.js"></script> 
</body> 
</html>

來源

2017-09-22 AdrobaT

只包括bootstrap.js之前popper.js（要求），那麼你的代碼做工精細 https://jsfiddle.net/tamvo/dog2chqs/

<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>

來源

2017-09-22 18:54:32 vnt

自舉中的下拉菜單的問題

回答

相關問題