Bootstrap.вставить ввод (встроенный) в середине абзаца

Question

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

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

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

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

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

Answer 1

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

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

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

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