Доступные классы цвета текста в Bootstrap

Question

Доступные классы цвета текста в Bootstrap

98

Я разрабатываю страницу регистрации, помещая текст в качестве заголовка на панели навигации. Я хочу придать этим текстам разные цвета. Для этой цели я использую отдельный файл CSS, но я хочу сделать это, используя файл bootstrap CSS.

Может ли кто-нибудь указать доступные классы цветов в начальной загрузке?

fidel castro 01 фев. 2014, в 06:38

Источник

3

Bootstrap использует один цвет #333333 для цвета текста.
Bindiya Patoliya 01 фев. 2014, в 07:35
0

он один использует только это?
fidel castro 01 фев. 2014, в 08:57
0

Но вы можете использовать разные для разных тегов.
Bindiya Patoliya 01 фев. 2014, в 09:24
0

Можете ли вы объяснить это или разместить ссылку, если это возможно
fidel castro 01 фев. 2014, в 09:26

Показать ещё 2 комментария

Теги:

twitter-bootstrap

css

3 ответа

4

Текст на панели навигации обычно окрашивается с использованием одного из двух следующих классов css в файле bootstrap.css.

Во-первых, в случае использования панели навигации по умолчанию (серый) будет использоваться класс .navbar-default, а текст будет окрашен как темно-серый.

.navbar-default .navbar-text {
  color: #777;
}

Другой - в случае использования инверсной навигационной панели (черный), текст окрашен как gray60.

.navbar-inverse .navbar-text {
  color: #999;
}

Итак, вы можете изменить свой цвет по своему усмотрению. Однако я бы порекомендовал вам использовать отдельный файл css для его изменения.

ПРИМЕЧАНИЕ: вы также можете использовать customizer, предоставленный Twitter Bootstrap, в разделе Navbar.

LVarayut 01 фев. 2014, в 15:06

0

Вы можете использовать текстовые классы:

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

используйте текстовые классы в любом теге, где это необходимо.

<p class="text-primary">.text-primary</p>
<p class="text-secondary">.text-secondary</p>
<p class="text-success">.text-success</p>
<p class="text-danger">.text-danger</p>
<p class="text-warning">.text-warning</p>
<p class="text-info">.text-info</p>
<p class="text-light bg-dark">.text-light</p>
<p class="text-dark">.text-dark</p>
<p class="text-muted">.text-muted</p>
<p class="text-white bg-dark">.text-white</p>

Вы можете добавить свои собственные классы или изменить вышеуказанные классы в качестве своих требований.

Dipendra Ghatal 19 дек. 2017, в 23:51

Ещё вопросы

Bootstrap использует один цвет #333333 для цвета текста.
Но вы можете использовать разные для разных тегов.
Можете ли вы объяснить это или разместить ссылку, если это возможно

Ted Delezene · Accepted Answer · 2014-07-22T21-49-00.000Z

Документация перечисляет это под вспомогательными классами: Muted, Primary, Success, Info, Warning, Danger.

Для доступа к ним используется class text-[class-name]

Итак, если я хочу синий текст, например, я бы сделал что-то вроде этого:

<p class="text-primary">This text is the blue primary color.</p>

Это не огромное количество вариантов, но несколько.