引导程序更大的图标

【问题标题】：Bootstrap Bigger Icon引导程序更大的图标
【发布时间】：2021-10-19 13:13:07
【问题描述】：

在下面的屏幕截图中，我尝试在 2 个不同的列中添加 2 个按钮图标，这些列也是一行的子项。

我希望按钮在列中尽可能大，如您所见。

这是我针对特定行的代码；

  <div class="row">
                                <div class="col-md-6 mb-3 text-start">
                                    <label for="departure">VIP ($7000):</label>
                                    <input type="number" class="form-control" id="departure" placeholder="0" value="" required>
                                </div>
                                <div class="col-md-3 align-self-center">
                                    <i class="bi bi-plus-circle-fill"></i>
                                </div>
                                <div class="col-md-3 align-self-center">
                                    <i class="bi bi-plus-circle-fill "></i>
                                </div>

我尝试了一些东西，但无法得到正确的设计

【问题讨论】：

标签： bootstrap-5 bootstrap-grid bootstrap-icons

【解决方案1】：

font-size CSS 选项效果最好。

所以你可以这样做。

i{
font-size: 50px;
}

以上内容将影响所有图标标签，可能还会影响所有 HTML5 斜体标签。

或者您可以为您的图标添加一个类。 CSS 将是....

i .big-icon{
font-size: 50px;
}

在 HTML 中......

<i class="bi bi-plus-circle-fill big-icon"></i>

这里是 GetBootstrap 文档的链接......

https://icons.getbootstrap.com/#styling

【讨论】：

更改字体大小属性解决了问题，非常感谢您提供的信息。