引導程序無法運行，找不到文件

我正在嘗試在我的網站中使用bootstrap framework，我正在爲大學任務設計，儘管我盡了最大的努力，bootstrap並不想很好地運行。引導程序無法運行，找不到文件

隨着頁面在Chrome中打開，我可以打開控制檯，它抱怨找不到引導文件（參見[img]）。我在名爲httpdocs的文件夾中有html文件，資產文件夾中有一個名爲assets，帶有js，css和img文件夾的文件夾。鏈接如下：

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" /> 
<script src="http://code.jquery.com/jquery-latest.min.js" type="text/javascript"></script> 
<script src="../assets/js/bootstrap.min.js" type="text/javascript"></script>

我不能完全新HTML/CSS/jQuery和我的知識路徑應正確鏈接，但由於某種原因，事實並非如此。有任何想法嗎？

[ File not found error in Chrome console]

<!-- start section body --> 
    <div class="container> 
     <div class="row"> 
      <div class="span9"> 
       <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
      </div> 
     </div> 
    </div>

只是爲了覆蓋所有的基地，這是我應該如何標記它？我在頁面的左側有一個側邊欄，它位於頁面的最左側，並且我希望段落中的文本不被該側邊欄隱藏。考慮到這一點，我怎樣才能抵消側邊欄邊緣和屏幕邊緣之間居中的段落？

我看到使用下面的教程，而不是。這是引導程序的舊版本還是我試圖使用錯誤的東西？

<div class="col-lg-9 col-lg-offset-3"> 
    <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit.</p> 
</div>

來源

2016-03-03 RThomP

請出示在這裏裝載代碼/需要引導文件 –

像span9的類是舊版本的引導和類似'同事*'是新類引導版本。你試着用什麼版本？ –

使用col-lg-9 col-lg-offset3的片段是最新的afaik。我通常在使用引導列格式時使用這些類。它應該爲你產生預期的效果。 –

我可以在href屬性值看到一個額外>。

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" />

不確定這是否是拼寫錯誤，或者這是您的實際代碼。

您還可以提供其他兩個資產的鏈接，這些鏈接不能確認問題。

來源

2016-03-03 07:17:58

應該是一個評論而已。 –

這可能是因爲相對路徑錯誤。如果您告訴我們項目結構，我們可以調試它。暫時可以使用引導CDN

<link rel="stylesheet" type="text/css" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" /> 

<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/js/bootstrap.min.js" type="text/javascript"></script>

來源

2016-03-03 07:15:16 ChandrasekarG

好的，使用引導CDN確實解決了問題，，但另一種解決方案是刪除文件路徑中的尾部>。

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" />

更正爲

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css" />

解決的問題

來源

2016-03-03 07:26:22 RThomP

的在你的快照裏面ERR_FILE_NOT_FOUND錯誤文件路徑的URL清楚地表明，你是直接訪問Chrome的網頁，而不是通過一個web-server。

首先我想指出的是，即使Chrome能夠打開一個「local」文件，也有很多東西往往會失控。

接下來，像bootstrap這樣的框架比正常的HTML文件多，它們被設計爲通過web-server訪問。

假設你終於可以修復所有的目錄路徑和鏈接了，那又如何？無論如何，這個「固定」代碼肯定無法在服務器上運行。所以在之前試圖「修復」的東西，我會建議你先試着通過本地環境上的WAMP/LAMP堆棧訪問這個網站。

它非常簡單，如果你在Linux上，那麼你可以查看「安裝LAMP」。如果你在窗口（這似乎是這種情況），那麼我建議這個便攜式uWamp堆棧。你甚至不需要安裝它或關心像apache/mysql這樣的服務器。

只需將存檔解壓縮到一個目錄，然後將您的代碼複製到根目錄下的www文件夾。您只需運行位於根目錄中的UwAmp.exe，一旦該符號變成綠色，您就可以通過此鏈接訪問代碼。 http://localhost/

來源

2016-03-03 07:32:47

沒有必要，這是一個鏈接bootstrap.css路徑的錯字 – RThomP

好吧，酷！我只是想解決根本原因:)如果你希望在沒有本地服務器的情況下繼續開發，那很好。 –

的根本原因是我的代碼中有一個錯誤，而不是我沒有使用網絡服務器來查看我的網站的事實... – RThomP

確保您的路徑正確（始終適用於任何文件）。在你的情況下，在引導程序的css文件路徑末尾有額外的>。

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css>" />

更改爲

<link rel="stylesheet" type="text/css" href="../assets/css/bootstrap.css" />

來源

2016-03-03 07:33:38

引導程序無法運行，找不到文件

回答

相關問題