我想垂直對齊我的引導表單

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

的圖像我已經改變了列是12，而不是六個，這就是爲什麼你在2列得到它。

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>