引导表单内联

【问题标题】：Bootstrap form inline引导表单内联
【发布时间】：2015-06-25 14:32:11
【问题描述】：

如何在引导程序中完美对齐和分隔我的内联输入 forms

 <div class="form-group col-lg-12">
  <div class="col-lg-6">
   <input type="text" class= "form-control" value="First Name">
  </div>

  <div class="col-lg-6">
   <input type="text" class= "form-control"  value="Last Name">
  </div>
</div>

【问题讨论】：

标签： forms twitter-bootstrap

【解决方案1】：

使用 col-xs 代替 col-lg 试试看this

并将您的所有输入保存在

 `<div class="form-group col-xs-12">`

【讨论】：

你看到链接的样本了吗？
是的，间距与其他输入不一致。它应该拉伸 100%
您需要对所有输入字段执行相同操作。您不能使用不同的网格间距。您必须为所有字段重复模式现在查看示例我更改其他 2 个字段

【解决方案2】：

我不太了解我们的问题，也许一张图片来说明您想要实现的目标会有所帮助。

我基本上用 column-xs-12 包裹了所有东西，所以它完全对齐。如果您想在一行上放置两个输入表单，还包括一个示例。小编特意为您解答，希望对您有所帮助。

<div class="col-xs-12"> </div>

http://plnkr.co/edit/lj866U6QlvbLKhF4jujI?p=preview

【讨论】：