引导崩导航栏会出错Android版Chrome浏览

Question

我使用的是引导和我有崩溃的导航栏的一个问题，它显示错了Android版Chrome，我试过股票导航栏的，而无需修改和仍然发生（www.tasqueo.com）

<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
    <div class="container"> 
    <div class="navbar-header page-scroll"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
     <span class="sr-only">Toggle navigation</span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     <span class="icon-bar"></span> 
     </button> 
    </div> 
    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
     <li><a class="page-scroll" href="#page-top">Inicio</a></li> 
     <li><a class="page-scroll" href="#contact">Contacto</a></li> 
     </ul> 
    </div> 
    </div> 
</nav> 

Answer 1

是滴灌是正确的， 所以我才明白了一件事。 我们必须使用https进行安全链接，尤其是对于maxcdn.bootstrapcdn.com 或 如果您在此代码中输入http：//，则输出如上所示。

我的代码：

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/css/bootstrap.min.css"> 
<nav class="navbar navbar-inverse navbar-fixed-top" role="navigation"> 
<div class="container"> 
    <div class="navbar-header page-scroll"> 
     <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-ex1-collapse"> 
      <span class="sr-only">Toggle Navigation</span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
      <span class="icon-bar"></span> 
     </button> 
    </div> 

    <div class="collapse navbar-collapse navbar-ex1-collapse"> 
     <ul class="nav navbar-nav navbar-right"> 
      <li><a class="page-scroll" href="#page-top">Inicio</a></li> 
      <li><a class="page-scroll" href="#contact">Contacto</a></li> 
     </ul> 
    </div> 
</div> 
</nav> 
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> 
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.2/js/bootstrap.min.js"></script>