Я пытаюсь вертикально выровнять свою форму начальной загрузки

Question

Другие ответы не прекратились, im попытался центрировать входы/метки формы.

Heres мой фактический код

<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> 

Heres изображение проблемы

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>