关于Bootstrap my-5对应控制台margin显示48的疑问

Bootstrap的间距类（比如my-*）是基于rem单位和预设的间距系数计算的：

• 默认情况下，Bootstrap的my-5对应的上下边距值是3rem
• 浏览器默认的根字体大小（<html>元素的font-size）为16px，rem单位会以这个值为基准换算成像素：3 × 16 = 48px

所以控制台显示48px是完全符合预期的，你可以通过以下方式验证：

• 查看元素样式，my-5会被解析为margin-top: 3rem !important; margin-bottom: 3rem !important;
• 在控制台检查<html>元素的字体大小，默认就是16px

你的代码：

<div class="header my-5 border border-2 border-danger">
<p>Hello</p>
</div>

内容的提问来源于stack exchange，提问作者min hui