2017-11-22 7 views
0

リンクとアイコンを使って簡単な操作をしようとしていますが、アイコンを追加してもアイコンは表示されません。このコードは正常に動作し、アイコンが正しく表示されます。アイコンはタイメレフとブートストラップを使って表示されていません4

<div class="row"> 
       <div class="col"> 
        <nav> 
         <a href="#">Save</a> 
         <a href="#"> <i class="icon-eye"></i>Eye</a> 
         <a href="#">Another link</a> 

        </nav> 
       </div> 
</div> 

私が目を追加した場合:私のリソースからテキスト:

<div class="row"> 
       <div class="col"> 
        <nav> 
         <a href="#">Save</a> 
         <a href="#" th:text="#{save}"> <i class="icon-eye"></i>Eye</a> 
         <a href="#">Another link</a> 

        </nav> 
       </div> 
      </div> 

アイコンが、それ以上あったされていません。

何か間違っていますか?

答えて

0

(質問者の代わりに回答を投稿) Thymeleafフォーラムから

ソリューション:

構造ではなく、このような:

<a href="#"><span th:text="#{save}" /> <i class="icon-eye"></i>Eye</a> 

th:textは、その下のタグのすべてを上書きするので、あなたは追加のタグが必要です。

0

あなたはspanタグでと目入れ、このタグで行うにしなければならない、動作しません:テキスト はこれで試してみてください。

<a href="#"> <i class="icon-eye"></i> <span th:text="#{save}">save</span>Eye</a> 
関連する問題