2017-04-24 4 views
5

私は複数の方法を試みました。グリフィオンは読み込まれません。何が欠けているのですか?私はどこでミスをしていますか? AnswerBootStrapグリフィコンディスプレイの問題

まだだけでは表示されませんアイコン:私は、私はこの答えを経た今

無知です。

私のブラウザのコンソールにエラーはありません。戻りステータスを持つ唯一の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のを感謝します:Iブートストラップの初期レベルではmです。あなたがglyphiconためHTML間違って書かれている

答えて

3

を含むブートストラップライブラリの間違いにエラーを考えますフォルダ構造:

enter image description here

インデックスページで、外部ファイルの添付:

enter image description here

をフォルダ構造を確認してください。 css、scriptをindex.htmlファイルに表示するように添付するという構造に従ってください。

スクリーンショットを添付しました。

"〜"記号とルートフォルダ名、つまりAppContentを削除します。

+0

兄さん、あなたは私にディレクトリ構造を正しく教えてくれますか?あなたが使用しているIDEについて理解できません。また、フォルダからスクリプトファイルをリンクする方法も教えてください。 このインストールは私の神経に襲われるとは思わなかった:( – ARr0w

+0

私は更新画像を持っています。 – seven

1

、次のコード

<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

2

Your error solved hereであなたのHTMLを更新することができ、私が原因あなたが

.... 
+0

大丈夫、クール、ライブラリを変更してみましょう。 – ARr0w

関連する問題