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不是有效的glyphicon图标类。您只能使用bootstrap提供的那些。你可以在http://getbootstrap.com/components/

找到它们

格式应该是一致的，否则它不会呈现图标。第一个（glyphicon glyphicon-plus）是正确/有效的，但第二个（glyphicons glyphicons-sorted-waste）不是。

如果您需要删除＆＃39;图标，右侧图标类可以是glyphicon-remove或glyphicon-minus

<强>用法：

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

根本不显示glyphicon

1 个答案: