how do I put label span and input in same line

If I dont put span tag then all is ok, but when the add span tag <span class="input-group-text"><i class="fas fa-lira-sign"></i></span> then input and span not on the same line.

how can I solve only with bootstrap class.

<div class="form-group-sm row">   <label class="col-lg-3 col-form-label form-control-label text-right">Şifre:</label>   <div class="col-lg-9 input-group-sm row">     <div>       <input value="" type="number" class="form-control" name="alt_toplam_kdvsiz" id="alt_toplam_kdvsiz" placeholder="" readonly>     <span class="input-group-text"><i class="fas fa-lira-sign"></i></span>   </div>        </div>   </div>   
Add Comment
1 Answer(s)

Bootstrap class input-group-text transform elements into flexbox, which forces your span to wrap. If you can somehow set property display to value inline it should fix your problem. For example:

<span class="input-group-text" style="display: inline"><i class="fas fa-lira-sign"></i></span> 
Add Comment

Your Answer

By posting your answer, you agree to the privacy policy and terms of service.