首页 > 解决方案 > 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>

标签: bootstrap-4

解决方案


fa-2x好吧,您可以使用类似or 的类来更改 fontawesome 中图标的大小 fa-3x
示例: 原始大小 <i class="fa fa-credit-card fa-2x">在哪里 ,您可以使用类似或 的类来增加大小。同样,您可以在 lineawesome 中这样做。1x2x3x


推荐阅读