Question

我是css / javascript / bootstrap的新手。我想要的就是放置这段代码：

<i class="fi-guide-dog"></i>

在我的范围内（或某处），所以狗图标显示在＆＃34; Dog＆＃34;字。请在下面找到我的代码：

{％load static％}

<link rel="stylesheet" type="text/css" href="{% static 'toarnatot/style.css' %}" />
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css">


<nav class="navbar navbar-inverse">
    <div class="container-fluid">       
        <div class="navbar-header">
            <button type="button" class="navbar-toggle" data-toggle= "collapse" data-target ="#topnavbar">
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
                <span class="icon-bar"></span>
            </button>
            <a class="navbar-brand" href={%url 'toarnatot:home'%}><strong>ToarnaTot</strong></a> 
        </div>
        <!-- items -->
        <div class="collapse navbar-collapse">
        <ul class ="nav navbar-nav">
           <li class="">
           <a href="{% url 'toarnatot:home'%}">
             <span class="glyphicon glyphicon-something" aria-hidden="true">
            Dog             
             </span>
           </a>
           </li>
        </ul>
        </div>
    </div>  
</nav>

Answer 1

不要在span标记内放置任何内容，而是创建另一个标记以打印要用glyphicon显示的文本。

像：

<p>dog</p>
<span class="glyphicon glyphicon-something" aria-hidden="true"></span>

应该在哪里插入glyphicon代码

1 个答案: