根本不显示字形

Question

我正在尝试构建网页。在我添加第一个 glyphicon 之后它工作得很好，但后来我尝试添加另一个 glyphicon 以便为用户删除东西。但是不显示第二个字形。我不明白为什么会这样。

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

Answer 1

glyphicons 和 glyphicons-sorted-waste 不是有效的字形图标 classes。您只能使用 bootstrap 提供的那些。你可以在这里找到它们 http://getbootstrap.com/components/

格式要一致，否则无法呈现图标。第一个（glyphicon glyphicon-plus）是 right/valid 但第二个（glyphicons glyphicons-sorted-waste）不是。

如果您需要 'delete' 图标，正确的图标 class 可以是 glyphicon-remove 或 glyphicon-minus

用法：

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

根本不显示字形

glyphicon is not displayed at all

html

django

webpage

positioning

display