如何不使用原生CSS将Font Awesome星形图标改为红色 需用哪个Bootstrap类

你可以直接使用Bootstrap内置的文本颜色工具类text-danger完成修改，Font Awesome图标属于字体图标，会直接继承文本颜色属性，无需额外编写原生CSS。
共有两种常用实现方案：

• 方案1：给外层div添加类，统一控制所有星星的颜色，适合批量修改场景

<div class="text-danger">
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
    <i class="fas fa-star"></i>
</div>

• 方案2：给单个i标签单独添加类，适合需要单独控制部分星星颜色的场景

<div>
    <i class="fas fa-star text-danger"></i>
    <i class="fas fa-star text-danger"></i>
    <i class="fas fa-star text-danger"></i>
    <i class="fas fa-star text-danger"></i>
    <i class="fas fa-star text-danger"></i>
</div>

内容的提问来源于stack exchange，提问作者nirjhor iftahaj