Переписывая код glyphicon для шрифта Высокого

Question

В настоящее время я использую следующий код, чтобы отобразить пару glyphicons (glyphicon-шеврон вниз и glyphicon-удалить-знак) со своими заголовками:

<h2 class="h2Article collapsed" id="a4" data-toggle="collapse" data-target="#b4" aria-expanded="false"><span class="Article"><span class="label label-primary"><small><span class="only-collapsed glyphicon glyphicon-chevron-down"></span><span class="only-expanded glyphicon glyphicon-remove-sign"></span></small> Acquired LifeTags</span></span></h2> 

Я только что обнаружил шрифт Последняя библиотека Awesome и хотите попробовать. Как мне изменить код выше, чтобы заменить glyphicon-chevron-down на это?

<i class="fa fa-chevron-down fa-2x"></i> 

P.S. Я должен добавить, что я хотел бы упростить свой код, если это возможно. Четыре отдельных пролета слишком много. ;)

Answer 1

замените

<span class="only-collapsed glyphicon glyphicon-chevron-down"></span> 

по

<i class="only-collapsed fa fa-chevron-down fa-2x"></i> 

больше: P

Вы должны закончить с чем-то вроде этого:

<h2 class="h2Article collapsed Article label label-primary" id="a4" 
    data-toggle="collapse" data-target="#b4" aria-expanded="false"> 
    <small> 
     <i class="only-collapsed fa fa-chevron-down fa-2x"></i> 
     <i class="only-expanded glyphicon glyphicon-remove-sign"></i> 
    </small> 
    &nbsp;Acquired LifeTags 
</h2>