Question

在关于Jumbotron的Bootstrap 4文档中，他们在示例中显示了以下内容：

<p class="lead">
  <a class="btn btn-primary btn-lg" href="#" role="button">Learn more</a>
</p>

这里有一段需要什么？为什么要使用＆＃39;领先＆＃39;类？它似乎对按钮无效。

Answer 1

“这里有一段需要什么？”

<p></p>为按钮提供了一个新行和margin-bottom。

“为什么要使用'领导'课？”

你是对的，在这种情况下，lead类根本不影响按钮。它很可能是无意的，并且从同一Jumbotron example中的其他<p class="lead">..</p>继承。

Answer 2

lead类使字体显得突出。

这里是用于此的实际css规则集：

.lead {
font-size: 1.25rem;
font-weight: 300;
}

正文上的正常字体大小为：

font-size: 1rem;
font-weight: 400;

因此，lead类使字体略大一些，并且稍微薄一点，这使它略显突出。

现在，就按钮而言，lead类对按钮内的文本完全没有影响。所以，你是对的，按钮不需要前导段落。

参考：