一行引导程序中的 td 内容

Question

td使用 bootstrap 在一行中显示内容。我浏览了这篇旧文章和google_search的更多解决方案，但没有运气。

这是最少的 HTML：

<td class="column-verticallineMiddle">
  <input type="text" class="form-control form-mediumItem" >
<span class="pull-right pull-top">Abc</span>
</td>

尝试过但没有成功的类 - pull-right pull-top、inline 等。我希望文本Abc显示在文本字段的右侧。

这是JsFiddle

Answer 1

如果您使用引导程序，则可以使用官方文档中的内联表单。

<td class="column-verticallineMiddle form-inline" style="vertical-align:middle;">
    <input type="text" class="form-control form-mediumItem" style="width:60%;">
    <span>Abc</span>
</td>

只需添加form-inline并确定输入宽度，请参阅Jsfiddle Here。