0

現在、次のコードを使用して、いくつかのグリフィコン (glyphicon-chevron-down および glyphicon-remove-sign) をヘッダーと共に表示しています。

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

Font Awesome の最新ライブラリを見つけたので、試してみたいと思います。glyphicon-chevron-down をこれに置き換えるには、上記のコードをどのように変更すればよいですか?

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

PS 可能であれば、コードを簡素化したいことを追加する必要があります。4 つの独立したスパンは多すぎます。;)

4

1 に答える 1

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>
于 2016-02-16T02:28:13.647 に答える