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中顯示錯誤

回答

相關問題