为什么引导程序中 col 的宽度包括填充

Question

根据 W3school，高度和宽度不包括填充和边距，但是，在引导程序中，col--，假设 col-md-3 将设置宽度 = 25 %，但这包括填充，为什么？

<div class="text-center">
<div class="row">
    <div class="col-md-4">
        <div class="well">.col-md-4</div>
    </div>
    <div class="col-md-4">
        <div class="well">.col-md-4</div>
    </div>
    <div class="col-md-4">
        <div class="well">.col-md-4</div>
    </div>
</div>
</div>

每列的宽度是33.33%*行的宽度=436.67px，

the width of col

the layout of col

根据每个col的布局，我们可以看到实际的width(436.67px) =padding + content的宽度。我认为内容宽度应该是 436.67px？为什么我错了？

Answer 1

在引导 css 中有一条规则：

* {
    box-sizing: border-box;
}

根据该规则，width 使用content width + border + padding 计算。见this article