Question

＆＃13;

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <script src="js/jquery.js"> </script>
    <script src="js/bootstrap.js"></script>
    <style type="text/css"> 
    
    </style>
    <body>
      
        <nav class="navbar navbar-expand-md navbar-light bg-light">
              <a href="#" class="navbar-brand">Franky</a>
              <button class="navbar-toggler" data-toggle="collapse" data-target="#navbarmenu">
                  <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="#navbarmenu">
                    <ul class="navbar-nav">
                      <li class="nav-item"><a href="#" class="nav-link">sign in</li>
                      <li class="nav-item"><a href="#" class="nav-link">register</li>
                      <li class="nav-item"><a href="#" class="nav-link">Contact Us</li>
                      <li class="nav-item"><a href="#" class="nav-link">FAQ</li>
                      <li class="nav-item"><a href="#" class="nav-link">Privacy</li>
                    </ul>
              </div>
         
          
        </nav>
      
    </body>

＆＃13;

我tippled检查了代码，但我无法弄清楚为什么toggler不会显示列表。当我将Opera浏览器最大化时，包裹在UL中的LI在导航栏上水平显示。然后当最小化它显示汉堡包图标但没有内容。??

当浏览器最小化并且不显示列表时，Bootstrap 4导航栏切换器不工作

0 个答案: