我正在尝试使用Bootstrap(-Vue)在段落中间插入输入
https://codepen.io/anon/pen/mgRRbB
我正在尝试使用inline参数,但是即使如此,您仍然可以在单词“ anim”之后换行。
<b-form inline>
<b-input inline id="inline-form-input-name" type ="number">
关于如何避免此换行符的任何想法?
答案 0 :(得分:0)
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>
中,使其显示为嵌入式元素。