グリフィンはまったく表示されません

私はウェブページを構築しようとしています。最初のグリフコンを追加した後、うまくいきましたが、別のグリフコンを追加して、ユーザーのために削除することができました。しかし、2番目のグリフコンは表示されません。これがなぜ起こるのか分かりません。グリフィンはまったく表示されません

{% 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>

これは私の.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; 
}

出典

2017-05-24 E.Ritter

'glyphiconsソート-waste'が有効glyphiconアイコンクラスではありません。ここですべての有効なアイコンクラスを見つけることができます - http://getbootstrap.com/components/ –

glyphiconsとglyphicons-sorted-wasteは、有効なglyphiconアイコンクラスではありません。ブートストラップによって提供されるものだけを使用できます。それらすべてをここに見つけることができますhttp://getbootstrap.com/components/

フォーマットは一貫しているか、アイコンを表示しません。最初のもの（glyphicon glyphicon-plus）は正しい/有効ですが、2番目のもの（glyphicons glyphicons-sorted-waste）はありません。

あなたが '削除' アイコンが必要な場合は、右のアイコンクラスはglyphicon-removeまたはglyphicon-minus

使用法が考えられます。

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

出典

2017-05-24 11:29:10

グリフィンはまったく表示されません

答えて

関連する問題