Bootstrap CSS文件無法在本地加載到chrome中

當我在Chrome和Firefox上運行此HTML代碼時，引導文件（LOCAL）未加載。但是，當我在IE中運行它時，它工作正常。Bootstrap CSS文件無法在本地加載到chrome中

<!DOCTYPE html> 
<html lang="en"> 
<head> 
    <link rel="stylesheet" href="Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css"> 

</head> 
<body> 


<nav class="navbar navbar-default"> 
    <div class="container-fluid"> 
    <div class="navbar-header"> 
     <a class="navbar-brand" href="#">WebSiteName</a> 
    </div> 
    <div> 
     <ul class="nav navbar-nav"> 
     <li class="active"><a href="#">Home</a></li> 
     <li><a href="#">Page 1</a></li> 
     <li><a href="#">Page 2</a></li> 
     <li><a href="#">Page 3</a></li> 
     </ul> 
    </div> 
    </div> 

</nav> 

</body> 
</html>

UPDATE：該文件的名稱是nav.html。輸出與之前相同。

這是該項目Folder Structure 這是怎麼BootStrap Css folder structure looks

來源

2016-01-28 Vipin

使用相對路徑替換href價值。

如果這些是你的項目的路徑：

I:/Projects/Angular/learning/nav.html
I:/Projects/Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css

那麼這就是你在你的鏈接標籤需要href值：

<link rel="stylesheet" href="../../Scripts/bootstrap-3.3.6/dist/css/bootstrap.min.css">

來源

2016-01-28 14:09:55 twernt

這是仍然不工作:( – Vipin

請發佈您的修訂標記和一些信息關於你的項目的結構。哪個文件夾包含您問題中的HTML代碼？ – twernt

已上傳文件夾結構圖片.OUTPUT與之前相同。 – Vipin

Bootstrap CSS文件無法在本地加載到chrome中

回答

相關問題