引导文字在标签标签中对齐

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>

请参阅在中心对齐它的藻类分支，我想将其左对齐。

先感谢您

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>