Html 输入组插件内的无线btn组

我想把一个2按钮单选btn组内的输入组插件。我遇到的问题是按钮不能保持在一条线上

使元素保持在同一条线上的常见模式对我来说不起作用

你知道我怎样才能解决这个问题吗？Thx

以下是JSFIDLE：

---

由于没有设置宽度，它们不会停留在一条线上。为按钮的父级设置一个宽度，它们将适合

.btn-group { 
    width: 100px;
}

---

工作演示

为按钮的父级设置宽度。btn组{宽度：100px；}这就是你的意思吗？含糖的这似乎奏效了。谢谢你，鲁迪！没问题，我创造了一个答案。你能接受吗。快乐编码！是的，我会的。它说我必须等7分钟…工作演示=>谢谢你的回答。这真的很优雅。你知道我如何使文本输入到输入组插件的右侧，以获取父div的其余部分，而不使插件变宽吗？不明白你的意思，因为我假设输入文本对齐从右侧开始，只需将文本框css属性text align:right；对不起，我不清楚。我的意思是：文本输入字段是否可以占据整个剩余的宽度，从而使加载项保持相同的宽度？换句话说：我能实现文本输入覆盖红色区域吗？谢谢你的帮助。正如您在更新JSFIDLE中所看到的，输入组插件也有一些扩展。还不错，我只是想知道是否可以在不改变输入组插件宽度的情况下拉伸文本输入。

.btn-group { 
    width: 100px;
}

   .input-group-addon { width:auto; }