【问题标题】:how can i code social media icon in html using bootstrap4我如何使用 bootstrap4 在 html 中编码社交媒体图标
【发布时间】:2021-03-30 01:19:43
【问题描述】:

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

我试过了,但是不行

【问题讨论】:

  • 欢迎来到 StackOverflow!如果您使用的是 font awesome 库,请确保在 HTML 文件中包含它们的依赖项

标签: bootstrap-4


【解决方案1】:

您尝试添加的图标,即&lt;i class="fab fa-facebook-f"&gt;&lt;/i&gt; 是一个很棒的字体图标。 除非您添加指向字体真棒图标库的链接,否则它将无法正常工作。

<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 文件的&lt;head&gt; 中添加上面的链接标签,图标应该会显示出来。

【讨论】:

    猜你喜欢
    • 2020-05-24
    • 1970-01-01
    • 1970-01-01
    • 2021-06-17
    • 1970-01-01
    • 2020-08-10
    • 2019-09-09
    • 1970-01-01
    • 1970-01-01
    相关资源
    最近更新 更多