如何自定義引導圖標

Question

我想從引導程序中自定義linkedIn 圖標。 我想添加鏈接、大小和顏色。 請問我該怎么做？

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

Answer 1

對於鏈接，請使用如下標簽：

<a href="your url">
  <i class="bi bi-linkedin"></i>
</a>

但您需要銷毀標簽默認 styles。

對於尺寸和顏色，您可以使用 css：

i{
  font-size: 24px;
  color: red;
}

或者

.bi{
  font-size: 24px;
  color: red;
}

Answer 2

您還可以使用內置類的引導程序，例如您可以通過這種方式擁有yellow背景和green字體；

<i class="bi bi-linkedin bg-warning text-success"></i>

除了引導程序中提供的 colors 之外，您還可以添加自定義 colors。

如果您想自定義圖標以在按鈕/按鈕組、標題/小標題或輸入字段中使用它，請參閱此處的示例