Bootstrap 4使fontawesome或icons图标响应

Question

有没有办法让图标在bootstrap 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>

Answer 1

你可以通过使用fa-2x或fa-3x这样的类来改变fontawesome中图标的大小。

示例：<i class="fa fa-credit-card fa-2x">，其中1x是原始大小，您可以使用2x或3x等类来增加大小。同样，你也可以在lineawesome中做到这一点。