glyphicon ne s'affiche pas du tout

J'essaie de créer une page Web. Après avoir ajouté le premier glyphicon, cela a très bien fonctionné, mais j'ai ensuite essayé d'en ajouter un autre pour permettre de supprimer des choses pour l'utilisateur. Mais le deuxième glyphicon n'est pas affiché. Je ne comprends pas pourquoi cela arrive.glyphicon ne s'affiche pas du tout

{% load staticfiles %} 
<html> 
    <head class="page-header"> 
     <title>WebPage</title> 
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap.min.css"> 
     <link rel="stylesheet" href="//maxcdn.bootstrapcdn.com/bootstrap/3.2.0/css/bootstrap-theme.min.css"> 
     <link rel="stylesheet" href="{% static 'static/css/Auswertung_app.css' %}"> 

    </head> 

    <body> 
     <div class="page-header"> 
      <a href="{% url 'add_machine' %}" class="top-menu"><span class="glyphicon glyphicon-plus"></span></a> 
      <a href="{% url 'delete_machine' %}" class="top-menu-waste"><span class="glyphicons glyphicons-sorted-waste"></span></a> 
      <h1><a href="/">WebPage</a></h1> 
     </div> 
     base 
     <div> 
      {% block content %} 
      {% endblock %} 
     </div> 
    </body> 
</html>

Ceci est mon fichier Css:

.top-menu, .top-menu:hover, .top-menu:visited { 
    color: #ffffff; 
    float: right; 
    font-size: 26pt; 
    margin-right: 20px; 
    margin-top: 20px; 
} 

.top-menu-waste, .top-menu-waste:hover, .top-menu-waste:visited{ 
    color: #ffffff; 
    float: right; 
    font-size: 26pt; 
    margin-right: 60px; 
    margin-top: 20px; 
}

Source

2017-05-24 E.Ritter

'glyphicons-tri-freinte est pas une classe d'icône glyphicon valide . Vous pouvez trouver toutes les classes d'icônes valides ici - http://getbootstrap.com/components/ –

glyphicons et glyphicons-sorted-waste ne sont pas valides des classes icône glyphicon. Vous ne pouvez utiliser que ceux fournis par bootstrap. Vous pouvez les trouver tous ici http://getbootstrap.com/components/

Le format doit être cohérent ou ne pas afficher les icônes. Le premier (glyphicon glyphicon-plus) est juste/valide mais le second (glyphicons glyphicons-triés-déchets) ne l'est pas.

Si vous avez besoin d'une 'suppression' icône, la bonne classe d'icônes pourrait être glyphicon-remove ou glyphicon-minus

Utilisation:

<span class="glyphicon glyphicon-remove"></span>

Source

2017-05-24 11:29:10

glyphicon ne s'affiche pas du tout

Répondre

Questions connexes