Forms 以内联形式跳转输入Bootstrap 3

我在Bootstrap3中处理一个项目，我的内联表单有问题

我在不同尺寸的显示器上测试，问题出在大屏幕上。我的输入在行上跳跃（输入现在显示在一行中，每个输入显示在一行中）

我的HTML：

<form class="form-inline custom-form" role="form">
  <div class="form-group ">
    <label class="sr-only" for="exampleInputEmail2">Email address</label>
    <input type="email" class="form-control" id="exampleInputEmail2" placeholder="Enter email">
  </div>
  <div class="form-group ">
    <label class="sr-only" for="exampleInputPassword2">Password</label>
    <input type="password" class="form-control" id="exampleInputPassword2" placeholder="Password">
  </div>

  <button type="submit" class="btn btn-default"><span style="font-family: 'Georgia',sans;">Login</span></button>
</form>

电子邮件地址
密码
登录

---

我再说一遍，问题就在大屏幕上。有人能帮我吗？

首先在以下位置设置列宽类：

<div class="col-sm-12>"<form class="form-inline custom-form" role="form">...</div>

<div class="form-group col-sm-6"><label>...</label>