bootstrap asp.netのテキストボックスが正しく中央にない

Question

私はログインフォームを持っていて、すべてのラベルとテキストボックスを集中させようとしています。私はラベルを正しく整列させていて、ウィンドウのサイズを変更すると反応しているようです。

しかし、画面の解像度に関係なく、私のテキストボックスはまったくセンタリングされません。

<div id="login" class="container"> 
    <div class="row"> 

     <div class="col-xs-12 text-center form-group"> 

      <h3>Login</h3> 

      <!--username--> 
      <asp:Label ID="lblUsername" runat="server" Text="Username" CssClass="label label-default"></asp:Label> 
      <div class=""> 
       <asp:TextBox ID="txtUsername" runat="server" Width="170px" CssClass="form-control"></asp:TextBox> 
       <asp:RequiredFieldValidator ID="rfvUsername" runat="server" 
        ControlToValidate="txtUsername" 
        ErrorMessage="Please enter your username." 
        ForeColor="Red"> 
       </asp:RequiredFieldValidator> 
      </div> 

      <!--password--> 
       <asp:Label ID="lblPassword" runat="server" Text="Password" CssClass="label label-default"></asp:Label> 
       <div class=""> 
        <asp:TextBox ID="txtPassword" runat="server" TextMode="Password" Width="170px" CssClass="form-control"></asp:TextBox> 
        <asp:RequiredFieldValidator ID="rfvPassword" runat="server" 
         ControlToValidate="txtPassword" 
         ErrorMessage="Please enter your password." 
         ForeColor="Red"> 
        </asp:RequiredFieldValidator> 
       </div> 

      <!--login/cancel buttons--> 
      <asp:Button ID="btnLogin" runat="server" Text="Login" CssClass="btn btn-primary top-buffer" /> 
     </div> 
    </div> 
</div> 

これは、次のようなものです。何らかの理由で、常に左側に引き寄せられています。

どのように私はきちんと私のテキストボックスを整列させ、ブートストラップクラスを使用して応答それらを保つことができますか？フォームの入力がブロックとして表示されるため

Answer 1

これが起こるので、クラス「テキスト中心」だけあなたはあなたの全体のフォームにwraperを使用して、margin:0 auto;プロパティを使用して固定幅を設定することができ、インライン要素

に影響を与えます。 http://getbootstrap.com/examples/signin/

それともあなたはところで、ログインページに私をリンクさ

http://getbootstrap.com/css/#grid-offsetting ブートストラップ乾杯