Font-Awesome 아이콘이 나타나지 않습니다.

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> 

내가이 문서 사용 : http://fontawesome.io/3.2.1/icon/search/ 는 또한, 내 네트워크 탭 3.2.1 버전의 CDN을 사용하는 경우 글꼴 최고는 200

Answer 1

의 상태로 가져되었다고 말한다을, 모든 것이 잘 작동한다. 당신이 4.7.0를 사용하려면

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

, 당신은 이런 식으로 할 필요가 :

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

문서 v4에서 : http://fontawesome.io/icon/search/