Font-Awesome Icon erscheint nicht

Question

Ich benutze Bootstrap4 und Font-Awesome zusammen. Ich weiß Bootstrap4 funktioniert gut, weil alle Klassen, die ich von Bootstrap4 verwende, gut funktionieren. Allerdings arbeite ich zum ersten Mal mit Font-Awesome und ich weiß wirklich nicht, warum die Icons nicht erscheinen. Ich holte FontAwesome mit diesem in meinem Kopf.

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

Dann später benutze ich.

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

ich diese Dokumentation verwendet: http://fontawesome.io/3.2.1/icon/search/ auch, sagt mein Netzwerk Tab dass font-awesome hat mit dem Status 200.

Answer 1

geholt worden Wenn für 3.2.1 Version des CDN, fein funktioniert alles.

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

Wenn Sie 4.7.0 verwenden möchten, müssen Sie es wie dies zu tun:

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

Dokumentation von v4: http://fontawesome.io/icon/search/