html - Font Awesome 5 图标不适用于 Bootstrap 4

Question

我试图在 Bootstrap 暗按钮上添加 github (class="fas fa-github") 图标，但按钮图标和文本没有出现(控制台不显示任何内容)

代码:

<div class="jumbotron">
    <h1 class="display-4">Henrique Borges</h1>
    <p class="lead">Programador experiente e Web Designer.</p>
    <hr class="my-4">
    <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
    <p class="lead">
    <a class="fas fa-github btn btn-dark btn-lg" href="#" role="button">Github</a>
    </p>
</div>

我已经包含了 BS 和 FA 库:

<link rel="stylesheet" href="css/bootstrap.min.css">
<script src="js/jquery-3.2.1.min.js"></script>
<script src="js/fontawesome-all.min.js"></script>

Answer 1

试试这个片段。将 fas fa-github 更改为 fab fa-github。

<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous">
<link href="https://use.fontawesome.com/releases/v5.0.4/css/all.css" rel="stylesheet">



<div class="jumbotron">
  <h1 class="display-4">Henrique Borges</h1>
  <p class="lead">Programador experiente e Web Designer.</p>
  <hr class="my-4">
  <p>It uses utility classes for typography and spacing to space content out within the larger container.</p>
  <p class="lead">
    <i class="fab fa-github btn btn-dark btn-lg" href="#" role="button"> Github</i>
  </p>
</div>