Twitter bootstrap 如何在引导中并排显示文本框

Twitter bootstrap 如何在引导中并排显示文本框,twitter-bootstrap,Twitter Bootstrap,我是引导新手。如何使用引导显示文本框并排显示的表单 <form> <div class="form-group"> <label >First name</label> <input type="text" class="form-control" id="firstName" > </div> <div class="form-group"> <label for="e

我是引导新手。如何使用引导显示文本框并排显示的表单

<form>
  <div class="form-group">
    <label >First name</label>
    <input type="text" class="form-control" id="firstName" >
  </div>
  <div class="form-group">
    <label for="exampleInputEmail2">Last Name</label>
    <input type="email" class="form-control" id="lastName" >
  </div>
  <button type="submit" class="btn btn-default">Submit</button> 
</form>

名字
姓
提交
预期结果如下


名字
姓

以下是您可以使用的另一种简单方法

<div class="container">
    <div class="row">
        <div class="form-group col-md-6">
            <label for="one">One : </label>
            <input type="text" class="form-control" id="one" name="one">
        </div>

        <div class="form-group col-md-6">
            <label for="two" >Two : </label>
            <input type="text" class="form-control" id="name" name="two">
        </div>
    </div>
</div>

一:
二:
不同类型的表单
<div class="container">
    <div class="row">
        <div class="form-group col-md-6">
            <label for="one">One : </label>
            <input type="text" class="form-control" id="one" name="one">
        </div>

        <div class="form-group col-md-6">
            <label for="two" >Two : </label>
            <input type="text" class="form-control" id="name" name="two">
        </div>
    </div>
</div>