2017-04-24 143 views
5

我嘗試了多種方法。 Glyphicon不加載。我錯過了什麼或者我在哪裏犯錯誤?我很無知現在BootStrap Glyphicon顯示問題

我通過這個答案去: Answer

仍然圖標只是不會出現。

和我的瀏覽器的控制檯沒有錯誤。只有XHR與返回狀態請求200

HTML:

<!DOCTYPE html> 

<html> 
<head> 
    <meta charset="utf-8"> 
    <meta name="viewport" content="width=device-width, initial-scale=1"/> 
    <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
    <title>@ViewBag.Title</title> 
    <link href="~/AppContent/css/bootstrap.min.css" rel="stylesheet" /> 
    <link href="~/AppContent/css/Custom.css" rel="stylesheet" /> 
    <link rel="icon" href="data:;base64,iVBORw0KGgo="> 

</head> 
<body> 
    <div class="container-fluid"> 

     @*Header*@ 
     <div> 
      <div class="row" style="background-color:blanchedalmond;"> 
       <div class="col-md-4" style="border:2px solid black;"> 
        <h4>APPLICATION</h4> 
       </div> 
       <div class="col-md offset-md-7" style="border:2px solid black;"> 
        <span class="glyphicon glyphicon-arrow-right">|<a href="#">Login</a></span> 
       </div> 
      </div> 
     </div> 

     @*Left panel*@ 
     <div> 

     </div> 

     @*Body*@ 
     <div> 
      @RenderBody() 
     </div> 

     @*Right Panel*@ 
     <div> 

     </div> 
    </div> 
    <script src="~/AppContent/js/jquery-3.2.1.min.js"></script> 
    <script src="~/AppContent/js/tether.min.js"></script> 
    <script src="~/AppContent/js/bootstrap.min.js"></script> 
</body> 
</html> 

,這是我的文件夾結構:

enter image description here

我會欣賞的幫助,謝謝:) PS:我在引導的初始階段。

回答

3

錯誤文件夾結構:

enter image description here

附加外部文件的索引頁:

enter image description here

檢查您的文件夾結構。按照附加的CSS結構,腳本顯示在index.html文件中。

我附上截圖。

刪除「〜」符號和您的根文件夾名稱,即AppContent。

+0

兄弟,你能否正確地給我提供目錄結構,我無法理解你正在使用的IDE,另外請提供如何鏈接文件夾中的腳本文件。 該死的,從來沒有想過這個安裝可以得到我的神經:( – ARr0w

+0

我有更新的圖像,請通過.. – seven

1

你寫錯了HTML爲glyphicon,你可以用下面的代碼

<a href="#"><span class="glyphicon glyphicon-arrow-right"></span>Login</a> 
+0

我試過你的html代碼,仍然沒有顯示圖標。 – ARr0w

+0

你可以分享這個工作小提琴,所以我們可以解決你的問題 –

+0

http://jsbin.com/sovudamibo/edit?html,output ... 在上面的鏈接,我用css和javascript替換本地地址在線css和javascipt文件的鏈接,圖標出現在那裏。 但不在我的本地。我有錯誤的引導文件? :S – ARr0w