Twitter bootstrap Bootstrap 3.3.2导航栏下拉菜单切换在手机或桌面上不可单击

Twitter bootstrap Bootstrap 3.3.2导航栏下拉菜单切换在手机或桌面上不可单击,twitter-bootstrap,responsive-design,navbar,Twitter Bootstrap,Responsive Design,Navbar,通过移动设备或桌面放大访问时,下拉菜单切换按钮不起作用。它似乎是不可点击的,因为点击或触摸时不会发生任何事情 我在其他问题上也尝试过一些解决方案,即使是旧版本的引导,但都没有效果。谢谢 HTML 在包含bootstrap.min.js之前,需要先包含jQuery 因此,引导后包括: <script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script> 解释道 .

通过移动设备或桌面放大访问时,下拉菜单切换按钮不起作用。它似乎是不可点击的,因为点击或触摸时不会发生任何事情

我在其他问题上也尝试过一些解决方案,即使是旧版本的引导,但都没有效果。谢谢

HTML


在包含bootstrap.min.js之前,需要先包含jQuery

因此,引导后包括:

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>
解释道

.navbar-default {
  background-color: #2989d8;
  border-color: #2989d8;
  -webkit-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.75);
  -moz-box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.75);
  box-shadow: 0px 5px 10px 1px rgba(0,0,0,0.75);
}
.navbar-default .navbar-brand {
  color: #ecf0f1;
}
.navbar-default .navbar-brand:hover, .navbar-default .navbar-brand:focus {
  color: #dddddd;
}
.navbar-default .navbar-text {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a {
  color: #ecf0f1;
}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {
  color: #dddddd;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {
  color: #dddddd;
  background-color: #2989d8;
}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {
  color: #dddddd;
  background-color: #2989d8;
}
.navbar-default .navbar-toggle {
  border-color: #2989d8;
}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {
  background-color: #2989d8;
}
.navbar-default .navbar-toggle .icon-bar {
  background-color: #ecf0f1;
}
.navbar-default .navbar-collapse,
.navbar-default .navbar-form {
  border-color: #ecf0f1;
}
.navbar-default .navbar-link {
  color: #ecf0f1;
}
.navbar-default .navbar-link:hover {
  color: #dddddd;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.2/jquery.min.js"></script>