Bootstrap 4文本左类奇怪的行为

Question

我尝试在'text-left'上使用<div>，但发现它不起作用。因此，我建立了一个我能想到的最简单的示例：

<form>
    <div class="col-12 form-inline">
        <label class="col-10 text-left" style="background-color:powderblue;">TestLabel</label>
    </div>
</form>

并且我在https://www.codeply.com/上进行了测试结果是：它仅在sm屏幕尺寸上起作用。

宽度360：

但在768及以上：

我的问题是：我做错了什么，还是Bootstrap中的错误？

Answer 1

text-left

<form>
    <div class="col-12 form-inline">
        <label class="col-10 justify-content-start" style="background-color:powderblue;">TestLabel</label>
    </div>
</form>

并且不要在没有行的col内使用cols。