html - 导航栏折叠不起作用

Question

我已经尝试了几个小时来解决这个问题，但我无法理解它，我想知道这里是否有人可以帮助我!

<!-- navbar -->
  <nav class="navbar navbar-default" role="navigation">
     <div class="navbar-header">
       <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
    <span class="icon-bar"></span>
  </button>
     </div>
     <div class="collapse navbar-collapse" id="myNavbar">
     <ul class="nav navbar-nav">
        <li class="upage"><a href="index.html">home</a></li>
        <li><a href="team.html">team</a></li>
        <li><a href="services.html">services</a></li>
        <li><a href="events.html">events</a></li>
        <li><a href="team.html">store</a></li>
     </ul>
     </div>
  </nav>
  <!-- navbar -->

这是我的 Bootstrap 导航栏的 HTML，但不幸的是，单击时折叠按钮不起作用

.navbar .nav > li > a {
    color:  #F2F4F4;
    font-family: 'Oxygen', sans-serif;
    font-weight: 300;
    font-size: 20px;
    text-transform: ;
    padding-left: 35px;
    text-decoration: none;
  }

.navbar-default {
  margin-top: 0px;
  background: #000;
  background: rgba(0,0,0,0.4);
  border-color: transparent;
}


@media (min-width: 768px){
    .navbar-nav {
        float:none;
        margin: 0 auto;
        display: table;
        table-layout: fixed;
    }
}

那是我的 CSS

谢谢我希望有人能帮助我!

Answer 1

 <div class="navbar-header">
   <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">  </button>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
   <span class="icon-bar"></span>
 </div>

这样试试..