5

[削除と設定] リンク ボタンの前にフォントの素晴らしいアイコンを追加しようとしていますが、機能しません。何が足りないのか誰か教えてください。

HTML コード:

<div class="jumbotron">
    <p>
        <a class="btn btn-danger" href="#">
          <i class="fa fa-trash-o fa-lg"></i> Delete
        </a>
        <a class="btn btn-default btn-sm" href="#">
          <i class="fa fa-cog"></i> Settings
        </a>           
    </p>
  </div>

これらの css を追加しました:

1) bootstrap.min.css 2) font-awesome.min.css

また、こちらのフィドルもご覧ください。

4

6 に答える 6

24

3.2.1これは のサイト URLのバグで、 で修正されています4.0.3。リンクの外部リンクをhttp://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.cssに置き換えます

(HTML では<link rel="stylesheet" href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css">)

このフィドルをチェック

于 2014-01-08T01:48:26.067 に答える
6

これで試してみてください..

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet"/>
 
<div class="jumbotron">
    <p>
        <a class="btn btn-danger" href="#">
          <i class="fa fa-trash-o fa-lg"></i> Delete
        </a>
        <br>
        <a class="btn btn-default btn-sm" href="#">
          <i class="fa fa-cog"></i> Settings
        </a>           
    </p>
  </div>

于 2018-02-03T07:49:30.683 に答える
0

私はあなたと同じ問題を抱えていて、Wobuffetの解決策に従いましたが、うまくいきませんでした.

要素に追加title =""したところ、問題が修正されました。

<i class="fa fa-pencil" title="Edit"></i>
于 2015-07-25T04:28:24.413 に答える
0

私の場合、プロジェクトにフォントを追加していません。開発者コンソールでエラーを見つけ、Font Awesome(font-awesome.min.css) が探している場所に以下のフォントを追加しました。

フォント

于 2017-09-22T08:25:52.807 に答える