如何在Bootstrap 3中内联表格单元格中的输入和按钮？

Question

我一直试图找出如何在表单元格内的同一行上获取输入字段和按钮，而不会过多地拉伸列。

这就是我想要内联的内容：

<td>
   <input type="text" class="input-sm form-control"id="measured_value" name="measured_value" placeholder="Measured value">
   <button type="button" class="btn btn-xs btn-primary" onclick="add_measurement();">Submit</button>
</td>

这就是我得到的：

screenshot http://i60.tinypic.com/2chs42a.png

我也尝试过使用col-lg-8和col-lg-4的div，它确实内联它们，但这反过来又拉长了很多列。它使得列宽1.5倍，我正在努力使表格紧凑。

Answer 1

似乎表单控制是它不能内联的原因。所以我最终删除了表单控件并将其添加到表单控件附带的边框中。

.input-sm{
   border: 1px solid #CCC;
   border-radius: 4px;
}

Answer 2

最简单的方法是让它们漂浮。例如：

<强> CSS ：

.input_class{
float:left;
}
.btn{
float:left;
}