ラベル・タグ内のブートストラップ・テキストの整列

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>

は、それが中心にアルギンたブランチiが左に位置を合わせたい参照出力下記参照。

は、ラベルに「正当化するコンテンツ・スタート」という名前の余分なクラスを追加するために、事前に

Answer 1

てみてください、ありがとうございました。ラベルが提供されたコードを実行する.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>