如何阻止图标在Bootstrap中改变颜色？

在Bootstrap中，图标的颜色可以通过添加额外的CSS类或内联样式来改变。以下是一些方法来阻止图标在Bootstrap中改变颜色：

1. 使用自定义样式：可以使用自定义的CSS样式来覆盖Bootstrap默认的图标颜色。可以通过创建一个新的CSS类来定义自己所需的颜色，然后将其应用到图标上。例如：

<i class="glyphicon glyphicon-heart custom-icon"></i>

.custom-icon {
  color: red;
}

1. 使用内联样式：在某些情况下，您可能希望直接在HTML元素中指定图标的颜色。您可以使用内联样式将特定颜色应用到图标上。例如：

<i class="glyphicon glyphicon-heart" style="color: red;"></i>

1. 覆盖Bootstrap样式：Bootstrap使用CSS选择器来为图标指定默认的颜色。您可以通过在自己的CSS中使用更具体的选择器来覆盖这些样式。例如：

.btn .glyphicon {
  color: blue;
}

以上是一些通用的方法来阻止图标在Bootstrap中改变颜色。具体情况可能因项目需求而有所不同。对于更详细的信息和示例，请参考腾讯云的Bootstrap文档：

腾讯云Bootstrap文档：https://cloud.tencent.com/document/product/1146/41190