Подтвердить что ты не робот

Как увеличить размер шрифта в Bootstrap 4?

В Bootstrap 4 для размера шрифта по умолчанию используется em или rem для шрифтов.

Как я могу увеличить font-size для всех размеров области просмотра? Потому что каждый элемент выглядит крошечным.

4b9b3361

Ответ 1

Поскольку Bootstrap 4 использует rem для единицы font-size большинства его элементов, вы можете установить font-size в px на элементе HTML в вашей собственной таблице стилей, и это изменит настройку размера Bootstrap по умолчанию, применимую к вашим элементам. Я включил ссылку на проект с кодовым названием, поэтому вы можете увидеть его в действии. В среде уже загружен Bootstrap 4. Если вы измените значение font-size для селектора html и запустите проект, вы увидите, как изменяется размер элементов по отношению к корневому элементу.

Добавление трех строк CSS в таблицу стилей должно быть довольно простым:

html {
    font-size: 16px;
} 

Ответ 2

Вы можете использовать классы начальной загрузки от .h1 до .h6, или вы можете создать свой собственный CSS класс и определить здесь размер шрифта и поместить свой класс в свой HTML элемент.