Как увеличить размер значка / размер шрифта в bootstrap 4

Question

Как увеличить размер значка в bootstrap 4? Я пробовал вставлять блоки заголовков (<h3></h3>), но это меняет отображение на block, а это не то, что мне нужно (и я думаю, заголовок должен быть зарезервирован для ... заголовков).

Answer 1

Поместите значок внутри элемента заголовка:

<h2>Example heading <span class="badge badge-secondary">New</span></h2>

Или внутри элемента с классом lead:

<span class="lead"><span class="badge badge-secondary">Regular</span></span>

Документы

Или создайте свой собственный класс калибровки:

.even-larger-badge{
    font-size: 1.2em;
}

<span class="badge badge-primary even-larger-badge">New</span>

Демо Fiddle