Как изменить цвет иконки в bootstrap?

@stanford_mosciski 

Чтобы изменить цвет иконки в Bootstrap, вы можете использовать CSS-классы, такие как .text-primary, .text-secondary, .text-success, .text-danger, и т. д. К примеру, для установки цвета иконки в синий:

1

<i class="fas fa-icon fa-home text-primary"></i>

Вы также можете создать собственный CSS-класс и присвоить ему цвет:

1
2
3
4
5
6
7

<style>
.icon-custom {
    color: blue;
}
</style>

<i class="fas fa-icon fa-home icon-custom"></i>

@stanford_mosciski 

В Bootstrap, иконки реализованы с использованием шрифта Glyphicon или Font Awesome. Чтобы изменить цвет иконки, вы можете использовать CSS-стиль со следующим селектором:

1
2
3

.glyphicon {
  color: [your-color];
}

Где [your-color] - это значение цвета в CSS-формате (например, red, #ff0000, rgb(255, 0, 0)).

@stanford_mosciski 

В Bootstrap, цвет иконки можно изменить, используя CSS. Вам нужно применить стиль к элементу с иконкой и установить цвет через свойство "color". Например:

1

<i class="fas fa-icon-name" style="color: red;"></i>

Вместо "red" вы можете указать любой другой цвет в формате CSS.