引导程序。在段落中间插入输入(内联)

时间:2019-04-09 14:22:17

标签: twitter-bootstrap bootstrap-vue

我正在尝试使用Bootstrap(-Vue)在段落中间插入输入

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

我正在尝试使用inline参数,但是即使如此,您仍然可以在单词“ anim”之后换行。

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

关于如何避免此换行符的任何想法?

1 个答案:

答案 0 :(得分:0)

inlineb-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>中,使其显示为嵌入式元素。