bootstrap-4 - 我如何使用 bootstrap4 在 html 中编码社交媒体图标
问题描述
我是 Web 开发新手,在我的 html 上写 facebook 图标时遇到问题,
<div class="container-fluid padding">
<div class="row text-center padding">
<div class="col-12">
<h1>connect</h1>
</div>
<div class="col-12 social padding">
<a href=""><i class="fab fa-facebook-f">facebook</i></a>
</div>
</div>
</div>
我试过这个但不工作
解决方案
您尝试添加的图标<i class="fab fa-facebook-f"></i>
是一个 Font Awesome Icon。除非您添加指向字体真棒图标库的链接,否则它将不起作用。
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css" integrity="sha512-1ycn6IcaQQ40/MKBW2W4Rhis/DbILU74C1vSrLJxCq57o941Ym01SwNsOMqvEBFlcgUa6xLiPY/NS5R+E6ztJQ==" crossorigin="anonymous" referrerpolicy="no-referrer" />
在你的 html 文件中添加上面的链接标签,<head>
图标应该会显示出来。
推荐阅读
- java - 在 CLI 和代码中重现斯坦福 CoreNLP 奥斯汀演示时的不同精度/召回/f1 值
- javascript - 如何将正确答案放在建议的答案中?(简单的方程式测验)
- apache-kafka - 无法建立 Kafdrop (localhost/127.0.0.1:9092)。经纪人可能不可用
- confluence - Confluence 用户宏获取电子邮件地址
- c# - 彼此独立地执行作业
- python - 让 Celery 工作人员离线但 active=1 是什么意思?
- python - 将全局变量输入的值更改为定义的函数
- java - java.lang.AbstractMethodError:org.apache.cxf.transport.http.asyncclient.AsyncHTTPConduitFactory.createConduit
- javascript - TypeError:无法读取 null 的属性“memberCount”
- python - 如何使函数检查字符串中有多少个辅音或元音?