Question

我是Bootstrap 4的新手，我被困在一些希望很简单的东西上 - 我在这里搜索并阅读了bootstrap示例，但没有看到我需要的东西。

我希望在卡片中放置一个字体真棒图标。这是我的示例代码：

<div class="card">
<div class="card-block">
<i class="fa fa-check"></i>
</div>
<p class="card-text">This is a wider card with supporting text below as a natural lead-in to additional content. This content is a little bit longer.</p>
</div>

Answer 1

在HTML head部分中，您尝试加载Font Awesome样式表：

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

此尝试不包含rel属性，并且在我将其设置为样式表后，在我的浏览器中出现字体真棒图标：

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

在Bootstrap 4卡中使用Font Awesome图标

1 个答案: