Bootstrap文本在标签标签中对齐

Question

您好我正在尝试将标签左侧的文字对齐，但我无法做到正确。请参阅下面的示例代码和输出

<div class="row form-inline" ">
    <label for="colFormLabelSm" class="col-sm-3 col-form-label col-form-label-sm text-left">Branches</label>
    <textarea class="col-sm-8 form-control form-control-sm" id="exampleFormControlTextarea1" rows="2"></textarea>
    </div>

参见分支，它在中心是algin我喜欢在左边对齐。

提前谢谢

Answer 1

尝试向标签添加名为“justify-content-start”的额外类。 标签似乎从justify-content: center

获得.form-inline label样式

<div class="row form-inline"> 
    <label for="colFormLabelSm" class="col-sm-3 col-form-label col-form-label-sm text-left justify-content-start">
      Branches
    </label>
    <textarea class="col-sm-8 form-control form-control-sm " id="exampleFormControlTextarea1 " rows="2"></textarea> 
</div>