html - 一行 Bootstrap 中的 td 内容

Question

使用 bootstrap 在一行中显示 td 内容。我经历了这个 old post以及 google_search 中的更多解决方案, 但没有运气。

这是最简单的 HTML:

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

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

这是 JsFiddle

@downvoters - 如果您有解决方案，请回答。然后做-1，我会很感激的。否则你无权这样做。如果查询不清楚，请问我。

Answer 1

如果您使用的是 Bootstrap ，则可以使用来自官方文档的内联表单。

<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在这里。