内联表单

Question

我正在尝试构建一个Bootstrap下拉按钮，其中唯一的下拉选项是一个包含文本输入并带有按钮的表单字段，例如：

+----------+---+
| (Button) | V |
+----------+---+-----------+
| [_<text input>_] | (Go!) |
+--------------------------+

• 括号中的项目是可点击按钮
• 括号中的项目是文本输入字段
• 上面的ascii图表显示了在
上点击下拉切换时我想要的行为

问题

我很难让下拉列表的宽度真正适合表单字段。到目前为止，我的尝试让他们有点匹配但不是真的;表单字段略大于引导下拉宽度，看起来有些不愉快。

问题参考：http://jsfiddle.net/3z44e5va/2/

我怀疑Bootstrap下拉列表的自动调整大小功能不适用于表单，而只是列表元素？

我非常希望有人试图实施类似的东西，并且可以为推荐的前进道路提供一些启示。

提前谢谢！

Answer 1

只需重置行类的边距即可。现在它的margin-left和margin-top默认为-15px。

.row{
  margin:0px;
}

http://jsfiddle.net/e4pxamho/