如何在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>

Docs

或制作自己的尺码课程：

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

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

Fiddle demo