Установите вес шрифта с помощью классов Bootstrap

129

Есть ли какой-либо класс Twitter Bootstrap для font-weight: boldи другие значения font-weight?

Я бы не стал создавать новый, если он уже существует в Bootstrap.

— Ионика Бизэу
источник

5

Класса нет, нужно настроить свой.

— Manoz

2

да, нет отдельного класса для Font-weight: bold

— Динеш Каниву

54

РЕДАКТИРОВАТЬ 2 (окончательный): Согласно документации bootstrap 4 , class="font-weight-bold"это то , что вы ищете.

РЕДАКТИРОВАТЬ: вы можете использовать, class="font-weight-bold"как показано здесь (Bootstrap 4 alpha).

Я сохранил исходный ответ ниже для ясности.

Я отправляю этот ответ, потому что у этой ветки, похоже, много посетителей, но у нее нет надлежащего решения для решения этой проблемы. Но скоро будет способ с Bootstrap 4:

В этом GitHub запроса тянуть шоу, вы просто должны использовать text-weight-normal, text-weight-boldи text-weight-italicклассы.

Это может измениться до официального стабильного выпуска. На момент написания этот запрос на перенос еще не объединен в альфа-ветку.

Я обновлю этот пост, как только выйдет Bootstrap v4.

— Ilshidur
источник

Ой, как мило! Можете ли вы улучшить свой ответ, упомянув, что это произойдет в Bootstrap 4, и добавить решение для текущих версий (используя или просто создав свой собственный класс)? Тогда я отмечу твой ответ.

— Ionică Bizău

Также (в Bootstrap 4) вы можете добавить предлагаемый класс («font-weight-bold») в <input/>поля, и текст внутри станет полужирным. Мы используем это с полями заголовка, чтобы при необходимости выделить их. Протестировано в Windows x64 в Chrome ver76 и IE11.

— timmi4sa

Крутой, крутой мужик. Оно работает!!! Я пытался сделать контент жирным, добавив стиль вручную в файл css, но этого просто не произошло. Тогда я нашел ваш ответ: D

— Трэвис Ле

93

Я нашел это на веб-сайте Bootstrap , но на самом деле это не класс Bootstrap, это просто HTML.

<strong>rendered as bold text</strong>

— Бретт Меррифилд
источник

3

Кроме того strong, не обязательно означает жирный. Из developer.mozilla.org/en-US/docs/Web/HTML/Element/strong : «Обычно этот элемент отображается по умолчанию с использованием полужирного шрифта. Однако его не следует использовать просто для применения полужирного стиля; используйте CSS свойство font-weight для этой цели ".

Сильный - сильный, жирный - жирный :( Ответ @GurgenHakobyan должен быть предпочтительнее.

— MattAllegro

Это из старых времен, когда не было CSS. Из-за разделения шаблонов проектирования проблем, CSS был изобретен, чтобы избежать смешивания содержимого и представления в HTML. Хотя веб-браузеры по-прежнему поддерживают это для обратной совместимости, настоятельно не рекомендуется использовать и , и и т. Д. En.wikipedia.org/wiki/Cascading_Style_Sheets

— Wildhammer,

49

В Bootstrap 4 :

class="font-weight-bold"

Или:

<strong>text</strong>

— Джереми Линч
источник

39

Создайте в своем Site.css (или в другом месте) новый класс с именем, например, .font-bold и установите его для своего элемента.

.font-bold {
  font-weight: bold;
}

— Гурген Акопян
источник

8

Я бы не советовал этого делать, разметка должна быть семантической, например: .some-financial-description-of-the-element {font-weight: bold}. Вместо того, чтобы просто использовать класс с именем, похожим на CSS, просто используйте style = "font-weight: bold;", это более честно о том, чтобы быть быстрым и грязным.

— cmc

23

Это идеальное решение и такое же семантическое, как и многие другие классы Bootstrap, такие как .text-uppercase или .list-unstyled. Встроенные стили могут стать кошмаром для руководства, например, если позже вы решите, что все жирные элементы должны быть другого цвета или иметь текстовый эффект. Занятия делают это проще, и это лучший ответ.

— Энди Мехалик,

Я согласен с Энди здесь. Это правильно отвечает на вопрос. Существуют допустимые варианты использования, когда использование обобщенных классов обеспечивает наиболее чистый вывод в формате html, где используются генераторы, наборы инструментов и шаблоны.

— dperish

Это правильное решение для начальной загрузки <4. Цель strong состоит не в том, чтобы выделять текст жирным шрифтом , браузеры делают это, потому что в соответствии с соглашением выделяется жирный текст с сильным акцентом. Тег HTML должен иметь семантическое значение, а не существовать только для целей дизайна. На самом деле он не цитируется в рекомендации W3, и даже b не следует полагаться, что он выделен жирным шрифтом .

— Андре Фигейредо

1

Это устаревшее в начальной загрузке 4

— toddmo

8

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

<p class="font-weight-bold">Bold text.</p>
<p class="font-weight-normal">Normal weight text.</p>
<p class="font-weight-light">Light weight text.</p>

— danramzdev
источник

2

Вы должны использовать переменные bootstarp для управления вашим шрифтом, если вам нужно более индивидуальное значение и / или вы следуете схеме, которую необходимо повторить; Переменные используются на протяжении всего проекта как способ централизовать и совместно использовать часто используемые значения, такие как цвета, интервалы или наборы шрифтов;

вы можете найти всю документацию на http://getbootstrap.com/css .

— maioman
источник