Html 使用引导时，如何将asp.net标签与页脚左对齐

带引导的母版页下的以下asp.net WebForm代码适用于只有2个带标签的输入框的小页面。我想做的是让标签与页脚对齐。按照现在的方式，标签会自动缩进，因此它们不会与页脚的左边缘对齐。在第二个标签和输入框中，我尝试将填充设置为0px，但效果不好

我还尝试通过猜测将内容推向左侧的程度来为div添加右边距，但这也不一致。然后我尝试了bootstrap语句“pullleft”，这确实使它们一直向左移动，但当我这样做时，我的两个单词标签最终会彼此重叠。是否有办法使标签左对齐，使其与页脚的左边缘匹配，并保留标签的格式，然后在一行上显示关联的输入框？提前谢谢

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="JSFormValidate01.aspx.cs" Inherits="WebFormJSValidateForm.WebFormJSValidateForm01" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <br />
    <div class="form-horizontal row">
        <div class="form-group">
            <asp:Label runat="server" AssociatedControlID="FirstNameTextBox" CssClass="col-md-2 control-label" Text="First Name:"></asp:Label>
            <div class="col-md-5">
                <asp:TextBox ID="FirstNameTextBox" runat="server" ></asp:TextBox>
            </div>
            <div class="col-md-5">
                <asp:Label ID="FirstNameErrorLabel" runat="server" ForeColor="Red"></asp:Label>
            </div>
        </div>
    </div>

    <div class="form-horizontal row">
        <div class="form-group">

            <asp:Label runat="server" AssociatedControlID="LastNameTextBox" CssClass="col-md-2 control-label" style="padding-right:0px" Text="Last Name:"></asp:Label>
            <div class="col-md-5">
                <asp:TextBox ID="LastNameTextBox" runat="server" style="padding-left:0px"></asp:TextBox>
            </div>
            <div class="col-md-5">
                <asp:Label ID="LastNameErrorLabel" runat="server" ForeColor="Red"></asp:Label>
            </div>
        </div>
    </div>

</asp:Content>

引导本身有对齐类，您可以使用这些类

添加到类属性：文本左侧

有关更多参考信息：
解决方案是嵌套引导网格，以便有24列可供使用，而不是12列。另外，额外的列消除了使用“form horizontal”类属性使标签更靠近文本框的需要。有了更多的列，标签和文本框就更容易定位到需要的位置。不需要额外的引导对齐类，也不需要切换到html5标记而不是asp标记。标签和文本框现在会根据页面大小自动调整响应网页的大小，并且两个文本框的标签始终排列在页面的左边缘，与页脚左边缘相匹配

以下是解决方案：

<%@ Page Title="" Language="C#" MasterPageFile="~/Site.Master" AutoEventWireup="true" CodeBehind="JSFormValidate01.aspx.cs" Inherits="WebFormJSValidateForm.WebFormJSValidateForm01" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <br />
    <div class="row">
        <div class="col-sm-8">
            <div class="row">
                <div class="form-group col-sm-8 col-md-6">
                     <asp:Label runat="server" AssociatedControlID="FirstNameTextBox" CssClass="control-label" Text="First Name:"/>
                       <asp:TextBox ID="FirstNameTextBox" runat="server" ></asp:TextBox>
                    <asp:Label ID="FirstNameErrorLabel" runat="server" ForeColor="Red" CssClass="control-label"/>
                </div>
            </div>
        </div>
    </div>

    <div class="row">
        <div class="col-sm-8">
            <div class="row">

                <div class="form-group col-sm-8 col-md-6">
                     <asp:Label runat="server" AssociatedControlID="LastNameTextBox" CssClass="control-label" Text="Last Name:"/>
                       <asp:TextBox ID="LastNameTextBox" runat="server" ></asp:TextBox>
                    <asp:Label ID="LastNameErrorLabel" runat="server" ForeColor="Red" CssClass="control-label"/>
                </div>
            </div>
        </div>
    </div>

</asp:Content>


将您的
替换为
（即使用
System.Web.UI.HtmlControls.HtmlInputControl
，而不是
System.Web.UI.WebControls.TextBox
），因为它可以让您更好地控制呈现的标记。此外，请在诊断CSS样式问题时发布呈现的HTML，而不是ASPX服务器端标记。