Блог

Я пытаюсь вставить ввод в середину абзаца, используя Bootstrap (-Vue)

https://codepen.io/anon/pen/mgRRbB

Я пытаюсь использовать встроенный параметр, но даже тогда после слова «anim» есть разрыв строки, как вы можете видеть.

 <b-form inline> 
<b-input inline id="inline-form-input-name"  type ="number">
  

Есть идеи о том, как избежать этого разрыва строки?

inline недопустимый реквизит для b-form-input .

Используйте служебные классы Bootstrap V4.x, чтобы входные данные отображались как встроенный элемент (вместо блочного элемента):

 <b-input id="inline-form-input-name" type="number" class="d-inline-block">
  

Например <b-form> , встроенный реквизит делает содержащиеся входные данные отображаемыми в одной строке, но не делает саму форму an inline-block (она по-прежнему a block ). Вы также можете добавить класс d-inline-block в <b-form> , чтобы он отображался как встроенный элемент.