Bootstrap形式内联

时间:2015-06-25 14:32:12

标签: forms twitter-bootstrap

如何在引导程序

中完美地对齐和空格我的内联输入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>

2 个答案:

答案 0 :(得分:1)

使用col-xs而不是col-lg  请参阅this试一试

并将所有输入保留在

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

答案 1 :(得分:1)

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

我基本上用一个列-xs-12包裹所有东西,所以它完全对齐。如果要在一行上放置两个输入表单,还包括一个示例。我已经帮助你了,希望它有所帮助。

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

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