Невозможно центр выровнять поле метки формы

Question

Я хочу, чтобы центр выравнивать свою форму w.r.t. , но если я использую следующее, выравнивается только поле ввода текста, но метка остается слева. Как его решить?

<div id="passCode"></div> 
<form class="form-horizontal"> 
    <fieldset> 
     <legend style="color:#145FAC">Please Fill in the Online Form</legend> 
     <div class="form-group"> 
      <label for="inputEmail" class="col-lg-2 control-label">Name</label> 
      <div class="col-lg-10"> 
       <input type="text" class="form-control formWidth" id="inputName" placeholder="Nam" /> 
      </div>...</div> 
    </fieldset> 
</form> 

Answer 1

text-align: left применяется к control-label поэтому он перекрывает "центр" применяется к родительскому элементу. Попробуйте использовать этот CSS ниже

.control-label, .form-control { 
    text-align: center; 
} 

Answer 2

Используйте этот CSS для формы:

.form-horizontal { 
    margin: 0 auto; 
    width: 70%; //Change it according to the design. 
} 

Демо: http://jsfiddle.net/lotusgodkk/GCu2D/722/

Answer 3

Вы можете использовать центральную метку, так как вы хотите, чтобы метка по центру.

<center> 
    <div id="passCode"></div> 

    <div class="container "> <!--center_div or center-block--> 
    <form class="form-horizontal"> 
     <fieldset> 


     <legend style="color:#145FAC">Please Fill in the Online Form</legend> 


     <div class="form-group"> 

      <label for="inputEmail" class="col-lg-2 control-label">Name</label> 
      <div class="col-lg-10"> 
      <input type="text" class="form-control formWidth" id="inputName" placeholder="Name" required> 
      </div> 
     </div> 
     </fieldset> 
    </form> 
    </div> 

</center> 

Answer 4

вы могли бы применить этот CSS к form-control:

text-align: center !important; 
text-align: -webkit-center !important 

Answer 5

Bootstrap поставляется с помощником класса .center-блок. Попробуйте добавить его на ярлык.

Answer 6

Я добавил образец Bootply к вам, пожалуйста, проверить это он может работает для вас http://www.bootply.com/wokazmuDbv