2017-04-24 19 views
5

Tôi đã thử nhiều cách. Glyphicon không tải. những gì tôi đang mất tích hoặc nơi tôi đang làm cho một sai lầm? Tôi tránh khỏi thất bại tạiVấn đề hiển thị BootStrap Glyphicon

tôi đã đi qua câu trả lời này: Answer

vẫn biểu tượng chỉ không xuất hiện.

và bảng điều khiển của trình duyệt của tôi không có lỗi. Chỉ XHR yêu cầu với tình trạng lợi nhuận 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> 

và đây là cấu trúc thư mục của tôi:

enter image description here

tôi sẽ đánh giá cao sự giúp đỡ, cảm ơn :) Ps: Tôi ở mức khởi đầu của bootstrap.

Trả lời

3

Cấu trúc thư mục:

enter image description here

Gắn file bên ngoài trong trang chỉ mục:

enter image description here

Kiểm tra cấu trúc thư mục của bạn. Thực hiện theo cấu trúc đính kèm css, tập lệnh như hiển thị trong tệp index.html.

Tôi đã đính kèm ảnh chụp màn hình.

Xóa dấu "~" và tên thư mục gốc của bạn tức là AppContent.

+0

bro, bạn có thể cung cấp cho tôi cấu trúc thư mục đúng cách, tôi không thể hiểu được về IDE bạn đang sử dụng, cộng thêm, vui lòng, cũng cung cấp cách liên kết các tệp tập lệnh từ các thư mục. Chết tiệt, không bao giờ nghĩ rằng việc cài đặt này có thể gây ra các dây thần kinh của tôi: ( – ARr0w

+0

Tôi đã cập nhật hình ảnh. – seven

1

Bạn đã viết sai HTML cho glyphicon, bạn có thể cập nhật HTML của bạn với mã sau đây

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

tôi đã thử mã html của bạn, vẫn không hiển thị hình tượng trưng. – ARr0w

+0

Bạn có thể chia sẻ fiddle làm việc cho điều này, vì vậy chúng tôi có thể giải quyết vấn đề của bạn –

+0

http://jsbin.com/sovudamibo/edit?html,output ... Trong liên kết ở trên, tôi đã thay thế địa chỉ cục bộ của css và javascript bằng trực tuyến liên kết của các tệp css và javascipt, biểu tượng xuất hiện ở đó. nhưng không phải ở địa phương của tôi. Tôi có tập tin khởi động sai không? : S – ARr0w

2

Your error solved here, tôi nghĩ rằng lỗi do sự sai lầm của thư viện bootstrap rằng bạn đã bao gồm

.... 
+0

okay, tuyệt, hãy để tôi thử thay đổi thư viện. – ARr0w

Các vấn đề liên quan