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/ 此外，我的网络选项卡显示已获取状态为200的font-awesome。

Answer 1

将CDN用于3.2.1版本时，一切正常。

＆＃13;

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

＆＃13;

如果你想使用4.7.0，你必须这样做：

＆＃13;

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

＆＃13;

来自v4的文档：http://fontawesome.io/icon/search/

Font-Awesome图标没有出现

1 个答案: