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

Question

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

67

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

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

Ionică Bizău 30 сен. 2013, в 12:33

Источник

5

Класса нет, нужно настраивать самостоятельно.
Manoz 30 сен. 2013, в 11:41
2

да нет отдельного класса для Font-weight: bold
Dinesh Kanivu 30 сен. 2013, в 11:45

Теги:

twitter-bootstrap

html

css

twitter-bootstrap-3

5 ответов

25

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

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

Gurgen Hakobyan 20 дек. 2014, в 22:28

8

Я бы посоветовал против этого, разметка должна быть семантической, например: .some-functions-description-the-element {font-weight: bold}. Вместо того, чтобы просто использовать класс, названный как немного css, просто используйте style = "font-weight: bold;", это более честно, если вы быстро и грязно.
cmc 18 авг. 2015, в 11:45
19

Это идеальное решение и такое же семантическое, как и многие другие классы Bootstrap, такие как .text-uppercase или .list-unstyled. Встроенные стили могут стать кошмаром управления, например, если впоследствии вы решите, что все элементы, выделенные жирным шрифтом, должны быть разного цвета или иметь текстовый эффект. Наличие класса делает это легче, и это лучший ответ.
Andy Mehalick 15 сен. 2015, в 10:45
0

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

Это правильное решение для начальной загрузки <4. Цель strong состоит не в том, чтобы сделать текст жирным , браузеры делают это, потому что соглашение - это жирный текст с сильным акцентом. HTML-тег должен иметь семантическое значение, а не просто существовать в целях дизайна. На самом деле это не упоминается в рекомендации W3, и даже нельзя полагаться, что b выделено жирным шрифтом .
Andre Figueiredo 06 окт. 2017, в 20:43
1

Это устаревшее в начальной загрузке 4
toddmo 16 апр. 2018, в 20:34

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

14

В Bootstrap 4:

class="font-weight-bold"

Или:

<strong>text</strong>

Jeremy Lynch 13 янв. 2017, в 15:12

3

EDIT: вы можете использовать class="font-weight-bold" как показанный здесь (Bootstrap 4 alpha).

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

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

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

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

Я обновлю это сообщение после выхода Bootstrap v4.

Ilshidur 19 сен. 2016, в 12:59

0

О, это мило! Можете ли вы улучшить свой ответ, упомянув, что это произойдет в Bootstrap 4, и добавить решение для текущих версий (используя <strong> и просто создав свой собственный класс)? Я собираюсь отметить ваш ответ тогда.
Ionică Bizău 19 сен. 2016, в 19:33

0

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

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

maioman 20 дек. 2014, в 22:02

Ещё вопросы

Класса нет, нужно настраивать самостоятельно.
да нет отдельного класса для Font-weight: bold
Я бы посоветовал против этого, разметка должна быть семантической, например: .some-functions-description-the-element {font-weight: bold}. Вместо того, чтобы просто использовать класс, названный как немного css, просто используйте style = "font-weight: bold;", это более честно, если вы быстро и грязно.
Это идеальное решение и такое же семантическое, как и многие другие классы Bootstrap, такие как .text-uppercase или .list-unstyled. Встроенные стили могут стать кошмаром управления, например, если впоследствии вы решите, что все элементы, выделенные жирным шрифтом, должны быть разного цвета или иметь текстовый эффект. Наличие класса делает это легче, и это лучший ответ.
Я согласен с Энди здесь. Это отвечает на вопрос правильно. Существуют допустимые случаи использования, когда использование обобщенных классов обеспечит самый чистый вывод html, где используются генераторы, наборы инструментов и шаблоны.
Это правильное решение для начальной загрузки <4. Цель strong состоит не в том, чтобы сделать текст жирным , браузеры делают это, потому что соглашение - это жирный текст с сильным акцентом. HTML-тег должен иметь семантическое значение, а не просто существовать в целях дизайна. На самом деле это не упоминается в рекомендации W3, и даже нельзя полагаться, что b выделено жирным шрифтом .
Это устаревшее в начальной загрузке 4
О, это мило! Можете ли вы улучшить свой ответ, упомянув, что это произойдет в Bootstrap 4, и добавить решение для текущих версий (используя <strong> и просто создав свой собственный класс)? Я собираюсь отметить ваш ответ тогда.

Brett Merrifield · Accepted Answer · 2013-09-30T11-56-00.000Z

64

Лучший ответ

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

<strong>rendered as bold text</strong>

Brett Merrifield 30 сен. 2013, в 11:56

12

Однажды я научусь читать документацию. Спасибо ;)
andrea.rinaldi 04 май 2015, в 09:20
2

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

Сильный - сильный, жирный - жирный :( Ответ @GurgenHakobyan должен быть намного предпочтительнее.
MattAllegro 31 авг. 2018, в 13:31

Показать ещё 1 комментарий