Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/asp.net/31.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 引导asp.net文本框未正确居中_Css_Asp.net_Twitter Bootstrap - Fatal编程技术网

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”覆盖冲突类,如果这对您有帮助,请告诉我