Как я могу добавить больше размеров в список размеров на дисплее $? (Начальная загрузка) ⇐ Html

[Anonymous]

Я хочу использовать шрифт дисплея Bootstrap, но в меньшем размере. Я ищу способ расширить предопределенные размеры (с 1 по 6 | 5 до 2,5Rem). < /P>
Я попытался добавить набор значений, которые, как говорит веб -сайт Bootstrap, вы можете настроить: < /p>


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



$display-font-sizes: (
1: 5rem,
2: 4.5rem,
3: 4rem,
4: 3.5rem,
5: 3rem,
6: 2.5rem,
7: 2rem, //I added 7 through 10
8: 1.5rem,
9: 1rem,
10: 0.5rem,
);

$display-font-weight: 300;
$display-line-height: $headings-line-height;


< /code>
Это не сработало. H1 с классом Display-10 просто отображается как класс Display-5. Кроме того, Display-5 и Display-6 кажутся точно такими же; Это не связано, но я заметил это. Из-за этого я попробовал H1 с классом Display-9; < /p>


Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.



$display-font-sizes: (
1: 5rem,
2: 4.5rem,
3: 4rem,
4: 3.5rem,
5: 3rem,
6: 2.5rem,
7: 2rem, //I added 7 through 10
8: 1.5rem,
9: 1rem,
10: 0.5rem,
);

$display-font-weight: 300;
$display-line-height: $headings-line-height;


< /code>
аналогичные результаты- нет изменения в размере, как я ожидал. Если это так, не имеет смысла сказать, что «дисплей-заголовки настроены с помощью карты $ отображаемого размера и две переменные, $ Display-font-Weight и $ Display-Line-Height» на официальном сайте начальной загрузки.



Title

















< /code>
На случай, если это имеет значение, я использую навык, нанесенный на код; Это для школы.

Подробнее здесь: https://stackoverflow.com/questions/795 ... -bootstrap