it-swarm.com.ru

Установите вес шрифта, используя классы Bootstrap

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

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

101
Ionică Bizău

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

<strong>rendered as bold text</strong>
89
Brett Merrifield

В Bootstrap 4:

class="font-weight-bold"

Или же:

<strong>text</strong>
45
Jeremy Lynch

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

.font-bold {
  font-weight: bold;
}
35
Gurgen Hakobyan

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


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

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


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

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

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

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

14
Ilshidur

На 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>
7
Daniel RM

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

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

1
maioman