应该在哪里插入字形代码

Question

首先，我是css/javascript/bootstrap的新手。我想要的只是放置以下代码：

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

在我的跨度内(或某个地方(，所以狗图标显示在"狗"字旁边。请在下面找到我的代码：

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