bootstrap-4 - 如何使用引导图标？

Question

<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 图标。作为回应得到[]（正方形）。

Answer 1

将此添加到您的 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>

Answer 2

解决了

一切都很好。只需要改变路径bootstrap-icons.css

@font-face {
  font-family: "bootstrap-icons";
  src: url("bootstrap-icons.woff2?856008caa5eb66df68595e734e59580d") format("woff2"),
url("bootstrap-icons.woff?856008caa5eb66df68595e734e59580d") format("woff");
}