私はブートストラップフォームを垂直に整列しようとしています

Question

他の回答は、フォームの入力/ラベルを中央に配置しようとしていませんでした。

相続人は私の実際のコード

<div class="col-md-8 col-md-offset-2" id="FormCol"> 
       <h2 class="formTitle">Let Us Find the Fastest Internet in Your Area!</h2> 
       <form class="form-inline" id="contactForm"> 
        <div class="row"> 
         <div class="col-md-6 form-group"> 
          <label for="fname">First Name</label> 
          <input class="form-control" id="fname" name="fname" type="text" /> 
         </div> 
         <div class="col-md-6 form-group"> 
          <label for="lname">Last Name</label> 
          <input class="form-control" id="lname" name="lname" type="text" /> 
         </div> 
        </div> 
        <div class="row"> 
         <div class="col-md-6 form-group"> 
          <label for="pnumber">Phone Number</label> 
          <input class="form-control" id="pnumber" name="pnumber" type="text" /> 
         </div> 
         <div class="col-md-6 form-group"> 
          <label for="email">Email</label> 
          <input class="form-control" id="email" name="email" type="text" /> 
         </div> 
        </div> 
        <div class="col-md-6 form-group"> 
         <label for="Zip">Zip</label> 
         <input class="form-control" id="Zip" name="Zip" type="text" /> 
        </div> 
       </form> 
      </div> 

問題

Answer 1

の相続画像私はあなたが2列にそれを得た理由です、12の代わりに、6であることを列が変更されました。

HTML：あなたの前のものは、あなたが好きな答えを得るしない場合

  <form class="form-inline" id="contactForm"> 
       <div class="row"> 
        <div class="col-lg-12 col-md-12 form-group"> 
         <label for="fname">First Name</label> 
         <input class="form-control" id="fname" name="fname" type="text" /> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-lg-12 col-md-12 form-group"> 
         <label for="lname">Last Name</label> 
         <input class="form-control" id="lname" name="lname" type="text" /> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-lg-12 col-md-12 form-group"> 
         <label for="pnumber">Phone Number</label> 
         <input class="form-control" id="pnumber" name="pnumber" type="text" /> 
        </div> 
       </div> 
       <div class="row"> 
        <div class="col-lg-12 col-md-12 form-group"> 
         <label for="email">Email</label> 
         <input class="form-control" id="email" name="email" type="text" /> 
        </div> 
       </div> 
        <div class="row"> 
       <div class="col-lg-12 col-md-12 form-group"> 
        <label for="Zip">Zip</label> 
        <input class="form-control" id="Zip" name="Zip" type="text" /> 
       </div> 
       </div> 
      </form>