我对控制台布局中的边距感到困惑，它在顶部和底部都显示了48。我已经使用bootstrap来指示边距my-5，但在控制台上显示48。有人能解释一下吗？我的代码是这样的：
<div class="header my-5 border border-2 border-danger"> <p>Hello</p> </div>
bbuxkriu1#
my-5使用5作为间距。默认情况下，Bootsrap计算为：
my-5
5
$spacing: font-size; 0: $spacing * 0; 1: $spacing * 0.25; 2: $spacing * 0.5; 3: $spacing * 1; 4: $spacing * 1.5; 5: $spacing * 3; auto: auto;
默认的字体大小为16px，这意味着my-5类将是：
.my-5 { margin-top: calc(16px * 3); margin-bottom: calc(16px * 3); }
这等于：16px * 3 = 48px
16px * 3 = 48px
1条答案
按热度按时间bbuxkriu1#
my-5使用5作为间距。默认情况下，Bootsrap计算为：默认的字体大小为16px，这意味着
my-5类将是：这等于：
16px * 3 = 48px