Html 使用Twitter Bootstrap 3.0的内联文本字段

我试图在水平表单中创建一个内联文本字段，基本上我想将表单分成两个部分（左侧和右侧），在左侧，我将有类似水平文本字段和一些内联文本字段，在右侧，我希望有一些内联文本字段，而另一些则没有

我怎么能建立这样的东西，也许这幅画能帮上忙 请点击此处：

这是我的代码，它不工作（我想让它以900像素为中心，如果它很小的话，也能响应掉到另一行）：

名字
姓
TESTHGHJG

---

谢谢

我想您实际上并不想要Bootstrap所指的内联表单，而是一个包含内联元素的表单

<div class="container" style="max-width:900px">

  <div class="row">
    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 1</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 2</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 3</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 4</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>
  </div></div>

名字1
名称2
名字3
名字4

发布一个包含您所拥有内容的JSFIDLE，以便人们可以对其进行编辑。-我相信您使用的

不正确。我不熟悉JSFIDLE如何做到这一点？进入>在那里设置项目>保存>并在问题中发布链接检查这里：我认为这正是您想要的。

<div class="container" style="max-width:900px">

  <div class="row">
    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 1</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 2</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 3</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>

    <div class="col-md-3">
      <form role="form">
       <div class="form-group">
         <label>Name 4</label>
         <input type="email" class="form-control" placeholder="Enater Name">
       </div>
      </form>
    </div>
  </div></div>