グリフィコンボタンを表示しないで検索

Question

私はフロントエンドのデザインを始めたばかりですが、私は自分のプロジェクトにシンプルなデザインを適用できるように勉強しています。私はブートストラップ3.3.7を使用していて、アイコンを追加しようとしたとき以外はアイコンに問題がありませんでした。"glyphicon glyphicon-search"アイコンを追加しました。

私は残念ながら、それはまだ検索アイコンは表示されませんいくつかの研究をしましたが、私はほとんどの結果は私が行うことを示唆していることに気づいた、

<button type="submit" class="btn btn-default btn-sm"> 
<span class="glyphicon glyphicon-search" aria-hidden="true"> </span> 
</button> 

。これを解決するのを手伝ってください。

検索テキストフィールドの横にアイコンのない空白のボタンしか表示されません。新機能で、これが発生する場合があります他人を助けるの便宜上

Answer 1

、ここで私はそれを解決した方法です。

オンラインでブートストラップのzipファイルをダウンロードして解凍した場合、3つのフォルダが作成されます。

各フォルダの内容をプロジェクトのそれぞれの保存先フォルダに含めることを忘れないでください。下のスクリーンショットに表示されているもののように。

glyphicons-halflings...で先頭に追加フォントフォルダの下のファイルは、アイコンを表示するために必要とされます。

検索アイコンが見つからない原因となったプロジェクトを作成したときに、これらのフォントファイルを貼り付けていませんでした。

こちらがお役に立てば幸いです。