Как поменять цвет шрифта в bootstrap?

Пользователь

от maya , в категории: HTML/CSS , год назад

Как поменять цвет шрифта в bootstrap?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

Пользователь

от stanford_mosciski , год назад

@maya 

В Bootstrap, цвет текста можно изменить, используя CSS-стили. Вы можете добавить следующий код в ваш CSS-файл или внутри тега style в HTML-документе:

1
2
3
.text-color {
  color: #yourcolorcode;
}


Замените yourcolorcode на код цвета, который вы хотите использовать (например, #000000 для черного цвета). Затем примените этот класс к любому элементу HTML, чтобы изменить цвет текста:

1
<p class="text-color">This is some text with a new color.</p>


Пользователь

от elda , год назад

@maya 

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

1
2
3
.text-color {
    color: #yourcolor;
}


И примените класс .text-color к элементу HTML, который вы хотите изменить.

Пользователь

от amber_moore , год назад

@maya 

В Bootstrap 4 можно изменить цвет текста, используя стили CSS. Для этого нужно добавить класс с указанием цвета текста к нужному элементу HTML:

1
<p class="text-primary">This is a text with primary color</p>


Bootstrap 4 предоставляет следующие классы цветов текста:

  • text-primary
  • text-secondary
  • text-success
  • text-danger
  • text-warning
  • text-info
  • text-light
  • text-dark
  • text-muted
  • text-white


Также можно использовать свои стили CSS, указывая цвет текста в hex-формате или в другом формате:

1
<p style="color: #ff0000;">This is a text with custom color</p>