首页 > 解决方案 > 如何使用引导图标?

问题描述

<link rel="stylesheet" href="css/bootstrap-icons.css">

我的 HTML

<a href="index.php" class="btn btn-outline-dark col-1"><i class="bi bi-alarm-fill"></i></a>

我想在<a>标签内使用 Bootstrap 图标。作为回应得到[](正方形)。

标签: bootstrap-4bootstrap-icons

解决方案


将此添加到您的 html 文件中:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css">

那么你可以使用这样的图标:

<i class="bi bi-search"></i>

推荐阅读