Bootstrap 4 图标

Bootstrap 4 图标

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

要使用 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">

然后,将 icon 类的名称添加到任何内联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.w3schools.cn/icons/default.asp