Chrome在bootstrap.min.js中显示错误

Uncaught Error: Bootstrap's JavaScript requires jQuery 
at bootstrap.min.js:6

使用Google-Chrome的切换设备工具栏时，导航栏不会调整大小。我发现一个类似的问题，其中problem通过确保.js文件正确加载得到解决。但在我的情况下，这是行不通的。Chrome在bootstrap.min.js中显示错误

但是，在Firefox中工作正常。

.navbar { 
 
    margin-bottom: 0; 
 
    background-color: #0E293C; 
 
    z-index: 99; 
 
    border: 0; 
 
    font-size: 14px !important; 
 
    line-height: 1.42857143 !important; 
 
    letter-spacing: 4px; 
 
    border-radius: 0; 
 
    font-family: 'Muli', sans-serif; 
 
} 
 

 
.navbar li a, 
 
.navbar .navbar-brand { 
 
    color: #19BBD5 !important; 
 
} 
 

 
.navbar-nav li a:hover, 
 
.navbar-nav li.active a { 
 
    color: #C6DAEC !important; 
 
    background-color: #0E293C !important; 
 
} 
 

 
.navbar-default .navbar-toggle { 
 
    border-color: transparent; 
 
    color: #fff !important; 
 
}

<nav class="navbar navbar-default navbar-fixed-top"> 
 
    <div class="container"> 
 
    <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> 
 
     <a class="navbar-brand" href="#">Company Name</a> 
 
    </div> 
 
    <div class="collapse navbar-collapse" id="myNavbar"> 
 
     <ul class="nav navbar-nav navbar-right"> 
 
     <li><a href="#updates">Updates</a></li> 
 
     <li><a href="#about">About</a></li> 
 
     <li><a href="#how">How to use</a></li> 
 
     <li><a href="#pricing">Pricing</a></li> 
 
     <li><a href="#contact">Contact</a></li> 
 
     <li><a href="#googleMap">Find Us</a></li> 
 
     </ul> 
 
    </div> 
 
    </div> 
 
</nav>

该网站已被写入由以下this tutorial

来源

2017-05-31 chinmish

您是否在加载bootstra.min.js之前先加载jquery？ –

尝试在bootstrap.min.js之前加载jQuery脚本。 –

您可以访问该网站[链接]（http://rebhu.com）@samnu pel – chinmish

这个问题的根本原因是，我有哪些没有得到正确加载一个元素。因此Error404框没有调整大小。

在CSS中，我在body下加了overflow-x:hidden，这确保了当我在不同大小的屏幕上打开我的引导程序网站时，navbar被调整大小。并在我的HTML包含在容器元素。

来源

2017-06-18 18:03:49 chinmish

Chrome在bootstrap.min.js中显示错误

回答

相关问题