Problème d'affichage du Glyphicon BootStrap

J'ai essayé plusieurs façons. Le glyphicon ne se charge pas. qu'est-ce qui me manque ou où est-ce que je fais une erreur? Je suis maintenant désemparésProblème d'affichage du Glyphicon BootStrap

Je suis passé par cette réponse: Answer

icône encore juste ne semble pas.

et la console de mon navigateur n'a aucune erreur. Seulement XHR avec le statut de retour 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>

et ceci est ma structure de dossier:

J'apprécieront l'aide, merci :) Ps: Je suis au niveau initial de bootstrap.

Source

2017-04-24 ARr0w

Structure des dossiers:

Attachement des fichiers externes en page d'index:

Vérifiez votre structure de dossiers. Suivez la structure de l'attachement de css, script comme indiqué dans le fichier index.html.

J'ai joint la capture d'écran. Supprimez le signe "~" et le nom de votre dossier racine, c'est-à-dire AppContent.

Source

2017-04-24 09:19:51 seven

bro, pouvez-vous me fournir la structure de répertoire correctement, je suis incapable de comprendre sur l'IDE que vous utilisez, plus, s'il vous plaît, également fournir comment relier les fichiers de script à partir de dossiers. Merde, jamais pensé que cette installation pourrait me mettre sur les nerfs :( – ARr0w

J'ai mises à jour les images. – seven

Vous avez mal écrit HTML pour glyphicon, vous pouvez mettre à jour votre HTML avec le code suivant

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

Source

2017-04-24 07:29:14

J'ai essayé votre code html, ne montrant toujours pas les glyphicons. – ARr0w

Pouvez-vous partager le travail de violon pour cela, afin que nous puissions résoudre votre problème –

http://jsbin.com/sovudamibo/edit?html,output ... Dans le lien ci-dessus, j'ai remplacé l'adresse locale de css et javascript avec en ligne liens de fichiers css et javascipt, l'icône apparaît ici. mais pas dans ma section locale. Est-ce que j'ai les mauvais fichiers bootstrap? : S – ARr0w

Your error solved here, je pense que l'erreur due à l'erreur de la bibliothèque d'amorçage que vous avez inclus

....

Source

2017-04-24 07:45:11 priya

ok, cool, laissez-moi essayer de changer la bibliothèque. – ARr0w

Problème d'affichage du Glyphicon BootStrap

Répondre

Questions connexes