CODEWITHSUNDEEP
htmlbootstrap-4
vlad awtsu
vlad awtsu

Reputation: 195

Bootstrap text align in label tag

Hi i was trying to align the text on left inside the a label tag but I'm not able to do it right . See below sample code and output

<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>

enter image description here

See Branches that it was algin in center i like to align it in left.

Thank you in advance

Upvotes: 4

Views: 11723

Answers (1)

noe
noe

Reputation: 347

Try to add an extra class named "justify-content-start" to the label. It seems like the label is getting a justify-content: center style from .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>

Upvotes: 9

Related Questions