text-{size}-(start/end) as well as text-{size}-(right/center/left)
Created by: fisharebest
In scss/utilities/_text.scss
, we have three text alignment options
.text#{$infix}-left { text-align: left !important; }
.text#{$infix}-right { text-align: right !important; }
.text#{$infix}-center { text-align: center !important; }
Can we add two more?
.text#{$infix}-start { text-align: start !important; }
.text#{$infix}-end { text-align: end !important; }
This will be a great help for sites that support both LTR and RTL languages. Here, we generally need to align to the start/end, not necessarily the left/right.
A typical use case might be to align form labels with their inputs.
<div class="row form-group">
<label class="col-sm-3 col-form-label text-sm-end">
XXX
</label>
<div class="col-sm-9">
<input type="text" class="form-control">
</div>
</div>