Font-Awesome Icon not appearing

Question

私はBootstrap4とFont-Awesomeを一緒に使っています。 Bootstrap4は私がBootstrap4から使用しているすべてのクラスが正常に動作しているのでうまくいきます。しかし、これはFont-Awesomeで初めての作業で、アイコンが表示されない理由はわかりません。 私はこれを私の頭の中で使ってFontAwesomeを取り出しました。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 

次に使用します。

<div class="container text-center"> 
    <br /><br /><br /> 
    <i class="icon-search"></i> <input id="search" type="text" placeholder="Search for a City" /> 
</div> 

私は、このマニュアルで使用：私のネットワークタブが3.2.1バージョンのCDNを使用している場合、フォント-素晴らしいが200

Answer 1

の状態にフェッチされたことを述べている。また、すべてが正常に動作しているhttp://fontawesome.io/3.2.1/icon/search/ を。

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.min.css" rel="stylesheet" /> 
 
<div class="container text-center"> 
 
    <br /><br /><br /> 
 
    <i class="icon-search"></i> <input id="search" type="text" placeholder="Search for a City" /> 
 
</div>

あなたが4.7.0を使用する場合は、このようにそれをしなければならない：v4から

<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" /> 
 
    <div class="container text-center"> 
 
     <br /><br /><br /> 
 
     <i class="fa fa-search"></i> <input id="search" type="text" placeholder="Search for a City" /> 
 
    </div>

ドキュメント：http://fontawesome.io/icon/search/