文章/答案/技术大牛

发布

社区首页 >问答首页 >如何自定义引导程序图标

问如何自定义引导程序图标
EN

Stack Overflow用户

提问于 2021-11-17 20:24:00

回答 2查看 31关注 0票数 0

我想从bootstrap自定义linkedIn图标。我想添加链接，大小和颜色。我该怎么做呢？

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

html

bootstrap-4

回答 2

Stack Overflow用户

发布于 2021-11-17 22:04:47

对于链接，请使用如下标签：

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

但是你需要销毁一个标签的默认样式。

对于大小和颜色，你可以使用css：

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

或

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

票数 0

Stack Overflow用户

发布于 2021-11-18 11:01:52

你也可以使用bootstrap内置的类，比如你可以用这种方式拥有yellow颜色背景和green颜色字体；

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

除了bootstrap中提供的颜色之外，您还可以添加自定义颜色。

如果您想要自定义图标以在按钮/按钮组上使用，或在标题/小标题或带有输入字段中使用，请参阅示例here

票数 0

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/70011071

复制

相似问题

问如何自定义引导程序图标
EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义引导程序图标EN

回答 2

Stack Overflow用户

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问如何自定义引导程序图标
EN