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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

3 ответа

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

от jedidiah.brown , 2 года назад

@kameron 

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

1
<p style="color:red;">This is some red text.</p>


Вы также можете добавить этот стиль в отдельный CSS-файл или внутри тега <style> в вашем HTML-документе.

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

от richie_mayert , 2 года назад

@kameron 

Чтобы изменить цвет текста в Bootstrap, вы можете использовать CSS-классы text-primary, text-secondary, text-success, text-danger, text-warning, text-info или text-light, в зависимости от желаемого цвета.


Пример:

1
2
3
4
5
6
7
<p class="text-primary">This is a primary text color.</p>
<p class="text-secondary">This is a secondary text color.</p>
<p class="text-success">This is a success text color.</p>
<p class="text-danger">This is a danger text color.</p>
<p class="text-warning">This is a warning text color.</p>
<p class="text-info">This is an info text color.</p>
<p class="text-light">This is a light text color.</p>


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

от ransom_homenick , 2 года назад

@kameron 

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

1
2
3
.text-primary {
  color: #007bff !important;
}


Здесь .text-primary - это класс Bootstrap, который используется для изменения цвета текста. #007bff - это шестнадцатеричный код цвета, который вы хотите использовать.


Вы можете использовать любой другой цвет, задавая его шестнадцатеричный код или используя любые другие способы задания цвета CSS.