All geek questions in one place

Awesome 5 Font Icons that do not work on Bootstrap 4

I tried to add the github icon ( class="fas fa-github" ) to the dark boot button, but the icon and button text do not appear (the console does not show anything)

code:

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

I have already included the BS and FA libraries:

 <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>
+5
source share
1 answer

Try a snippet. Changed fas fa-github to 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>
+4
source

Source: https://habr.com/ru/post/1274874/

More articles:


All Articles