Css 引导asp.net文本框未正确居中
我有一个登录表单,我正在尝试将所有标签和文本框居中。当我重新调整窗口的尺寸时,我的标签已经正确对齐,并且似乎正在响应 然而,无论屏幕分辨率如何,我的文本框根本没有居中Css 引导asp.net文本框未正确居中,css,asp.net,twitter-bootstrap,Css,Asp.net,Twitter Bootstrap,我有一个登录表单,我正在尝试将所有标签和文本框居中。当我重新调整窗口的尺寸时,我的标签已经正确对齐,并且似乎正在响应 然而,无论屏幕分辨率如何,我的文本框根本没有居中 <div id="login" class="container"> <div class="row"> <div class="col-xs-12 text-center form-group"> <h3>Login</h3
<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>
登录
如何使用引导类正确对齐文本框并保持它们的响应性?这是因为表单输入显示为块,因此类“文本中心”只影响内联元素
您可以对整个表单使用包装器,然后使用边距设置固定宽度:0 auto代码>属性
请参见此示例:
或者,您可以使用bootstrap中的offset类
Cheers之所以发生这种情况,是因为表单输入显示为块,因此类“文本中心”只影响内联元素
您可以对整个表单使用包装器,然后使用边距设置固定宽度:0 auto代码>属性
请参见此示例:
或者,您可以使用bootstrap中的offset类
干杯登录页面就是一个例子。我不知道asp文本框有哪些属性。。尝试使用css上的“!important”覆盖冲突的类,让我知道这是否有助于您登录页面就是一个示例。我不知道asp文本框有哪些属性。。尝试使用css上的“!important”覆盖冲突类,如果这对您有帮助,请告诉我