Bootstrap-5边框宽度实用程序不更改边框宽度

Question

以下代码：

<h2 className="p-3 border border-3">Instruments</h2>

应该在我的h2周围放一个粗边框。我不能使用任何Bootstrap边框实用程序产生任何边框宽度的变化，从1到5。

Bootstrap在我的应用程序中的其他任何地方都工作得很好。我没有自定义样式表。只有Bootstrap。

我试过用谷歌搜索这个，但没有成功。谁能告诉我我错过了什么？

Answer 1

我找到问题了。我在Bootstrap 4中工作，而不是在Bootstrap 5中。简单的升级解决了这个问题。我和一位开发人员谈过，他马上就认出了这一点。

Answer 2

没有显示边框的原因是，在标记级别，className不是元素类定义的有效属性。在这里，将其更改为class可以解决此问题：

<h2 class="p-3 border border-3">Instruments</h2>

请参考工作示例here。