как мне поместить диапазон меток и ввод в одну строку

Question

Если я не помещаю тег span, тогда все в порядке, но когда добавляется тег span <span class="input-group-text"><i class="fas fa-lira-sign"></i></span>, тогда ввод и span не в одной строке.

как я могу решить только с классом bootstrap.

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

Answer 1

Bootstrap class input-group-text преобразовывает элементы в flexbox, что заставляет ваш диапазон переноситься. Если вы можете каким-то образом установить для свойства display значение inline, это должно решить вашу проблему. Например:

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