Bootstrap4 图标


Bootstrap 4 图标

Bootstrap 4没有自己的图标库(Bootstrap 3 中的字形BS4 不支持)。不过,有很多免费的图标库可供选择,例如 Font Awesome 和 Google Material Design Icon。

要使用 Font Awesome 图标,请将以下内容添加到您的 HTML 页面(无需下载或安装):

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.0/css/all.css" integrity="sha384-lZN37f5QGtY3VHgisS14W3ExzMWZxybE1SJSEsQp9S+oqd12jhcu+A56Ebc1zFSJ" crossorigin="anonymous">

然后,将图标类的名称添加到任何内联 HTML 元素(例如<i>或者<span>):

示例

<i class="fas fa-cloud"></i>
<i class="fas fa-coffee"></i>
<i class="fas fa-car"></i>
<i class="fas fa-file"></i>
<i class="fas fa-bars"></i>
亲自试一试»

所有 Font Awesome 图标的列表可以在这里找到:https://www.91xjr.com/icons/default.html