> <div class="container"> > <br /> > <br /> > <div class="row"> > <div class="col-sm-6 col-sm-offset-3"> > > <section id="loginForm"> > > <div class="form-group text-center"> > <span>Please enter your employee ID and password below.</span> > </div> > <br /> > <div class="col-sm-6 col-sm-offset-3"> > <div class="login form-group"> > <div class="input-group"> > <span class="input-group-addon"><i class="fa fa-user"></i></span> > <asp:TextBox ID="txtUserName" MaxLength="10" Width="120" Runat="server" CssClass="login form-control" placeholder="Employee ID" ></asp:TextBox> > </div> > </div> > > <div class="login form-group"> > <div class="input-group"> > <span class="input-group-addon"><i class="fa fa-key"></i></span> > <asp:TextBox ID="txtPassword" MaxLength="10" Width="120" TextMode="Password" CssClass="login form-control" Runat="server" placeholder="Password"></asp:TextBox> > </div> > </div> > > <div class="form-group text-center"> > <asp:label ID="lblUserNotFound" runat="server" BorderColor="White" ForeColor="Red"></asp:label> > </div> > > <div class="form-group text-center"> > <asp:Button Text="Log in" type="submit" Runat="server" ID="LogIn" onclick="LogIn_Click" CssClass="btn btn-default"></asp:Button> > </div> > </div> > > </section> > </div> > </div> > </div> >Will this give you what you want (can be tweaked):Change the first 'div' after 'row' to be:
<div class="col-xs-10 col-xs-offset-1" style="max-width:500px">Don't set any col classes on the inner div. Don't set width attribute on any of the input boxes.