bootstrap-4 - Bootstrap 4 使 fontawesome 或 lineawesome 图标响应
问题描述
有没有办法让图标在引导程序 4 中响应?
我正在使用 icons8 的 line awesome 。这些图标源自字体真棒图标。
<div class="col-md-2">
<center>
<a href="my url">
<div class="card mb-4 shadow-sm">
<div class="card-body">
<h1 class="display-4">
<i class="la la-credit-card"></i>
</h1>
<p class="card-text">My Text</p>
</div>
</div>
</a>
</center>
</div>
解决方案
fa-2x
好吧,您可以使用类似or 的类来更改 fontawesome 中图标的大小 fa-3x
。
示例: 原始大小 <i class="fa fa-credit-card fa-2x">
在哪里 ,您可以使用类似或 的类来增加大小。同样,您可以在 lineawesome 中这样做。1x
2x
3x
推荐阅读
- java - 在两种不同的方法之间传递字符串值
- botframework - 自适应卡片 js 渲染 - 不支持卡片
- html - 获取多个下拉菜单,而不出现在适当元素下的下拉项目
- python-2.7 - 试图将文件与字典 python 2.7 进行比较
- php - 尽管正确传递了 POST 变量,但 Ajax 的 PDO 更新失败
- javascript - Angular 5 - HTTP 和模型
- javascript - 使用javascript自动点击超链接
- python - 如何在自定义类中模拟 pandas.DataFrame 索引?
- node.js - 无效的配置对象 - Webpack
- python - 批量填充熊猫中的虚拟变量列