响应式间距（即 mb-lg-2 mb-sm-3 等）在 Bootstrap 5 中不起作用

Question

在 Bootstrap 4 中，这些类运行良好。但它们在 Bootstrap 5 中不起作用。知道为什么吗？

注意：d-block d-lg-flex、text-center text-lg-start text-md-end这些工作正常。看起来只有边距和填充相关的类不起作用。

示例代码：

 <div class="d-block d-lg-flex justify-content-center flex-row bd-highlight ">
    <div class="mb-0 mb-md-3 mb-lg-0">
        <div class="dropdown text-center cairo ">
            <select x-model="selectedUnits" class="form-select feature_text" aria-label="Default select example">
                <option selected="" disabled="">Select unit amount</option>
                <option value="myval">1 unit</option>
                <option value="myval">1 unit</option>
                <option value="myval">1 unit</option>
            </select>
        </div>
    </div>
</div>

Answer 1

保证金类别mb-0 mb-md-3 mb-lg-0应在 Bootstrap 4 和 Bootstrap 5 中按预期工作。

Bootstrap 5 中的响应式边距底部

然而在 Bootstrap 5 中text-lg-left text-md-right已更改为text-lg-start text-md-end