Bootstrap输入大小调整和位置问题

Question

我在调整和定位bootstrap输入filds方面遇到了一些问题。

我在输入中添加了css class =“form-controle”。

现在它看起来像这样：

但这是一个填充的完形填空文本，它应该如下所示：

它应该总是这样：＆lt;＆gt;输入＆lt;＆gt;输入

任何提示如何使用bootstrap获取此视图？

Answer 1

在bootstrap网站

中查看此示例

http://getbootstrap.com/css/#forms-inline

Answer 2

尝试使用form-inline - 在bootstrap的网站here上查看。

<form class="form-inline">
  <div class="form-group">
    <label for="exampleInputName2">Name</label>
    <input type="text" class="form-control" id="exampleInputName2" placeholder="Jane Doe">
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Email</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="jane.doe@example.com">
  </div>
  <button type="submit" class="btn btn-default">Send invitation</button>
</form>