1
我對使用Bootstrap很陌生，並且在嘗試在同一行上有一個標籤，一個文本框，一個標籤和一個文本框時沒有太大差距，並且使狀態TextBox和Zip文本框與其他文本框排隊，我似乎無法讓我的提交按鈕行正確either..Here是截圖如何在兩個標籤和兩個文本框之間沒有間距地橫向排列？
這一切的標記是
<body>
<form id="form1" runat="server">
<div class="form-horizontal">
<h4>Please add your information</h4>
<hr />
<asp:ValidationSummary runat="server" CssClass="text-danger" />
<div class="form-group form-horizontal col-md-8">
<asp:Label ID="lblName" runat="server" AssociatedControlID="txtName" Text="Name" CssClass="col-md-2 control-label"></asp:Label>
<div class="col-md-6">
<asp:TextBox ID="txtName" runat="server" CssClass="form-control"></asp:TextBox>
</div>
<br />
<br />
<asp:Label ID="lblLastName" runat="server" AssociatedControlID="txtLastName" Text="Last Name" CssClass="col-md-2 control-label"></asp:Label>
<div class="col-md-6">
<asp:TextBox ID="txtLastName" runat="server" CssClass="form-control"></asp:TextBox>
</div>
<br />
<br />
<asp:Label runat="server" AssociatedControlID="Address1" CssClass="col-md-2 control-label" Text="Address1"></asp:Label>
<div class="col-md-6">
<asp:TextBox runat="server" ID="Address1" CssClass="form-control" />
</div>
<br />
<br />
<asp:Label runat="server" AssociatedControlID="Address2" CssClass="col-md-2 control-label" Text="Address2"></asp:Label>
<div class="col-md-6">
<asp:TextBox runat="server" ID="Address2" CssClass="form-control" />
</div>
<br />
<br />
<asp:Label ID="lblCity" runat="server" AssociatedControlID="txtCity" Text="City" CssClass="col-md-2 control-label" Font-Bold="true"></asp:Label>
<div class="col-md-6">
<asp:TextBox runat="server" ID="txtCity" CssClass="form-control" />
</div>
<br />
<br />
<div class="form-group">
<asp:Label ID="lblState" runat="server" AssociatedControlID="txtState" Text="State" CssClass="col-md-2 control-label" Font-Bold="true"></asp:Label>
<div class="col-md-2">
<asp:TextBox runat="server" ID="txtState" CssClass="form-control" />
</div>
<asp:Label ID="lblZip" runat="server" AssociatedControlID="txtZip" Text="Zip" CssClass="col-md-2 control-label" Font-Bold="true"></asp:Label>
<div class="col-md-2">
<asp:TextBox runat="server" ID="txtZip" CssClass="form-control" />
</div>
</div>
<asp:Label ID="lblCountry" runat="server" AssociatedControlID="ddCountry" Text="Country" CssClass="col-md-2 control-label" Font-Bold="true"></asp:Label>
<div class="col-md-6">
<asp:DropDownList ID="ddCountry" runat="server" CssClass="form-control"></asp:DropDownList>
</div>
</div>
<div class="form-group">
<div class="col-md-offset-4 col-md-2">
<asp:Button ID="btnSubmit" runat="server" Text="Send" CssClass="btn btn-primary" />
</div>
</div>
</div>
</form>
我已經成功使用form-inline，但我喜歡form-horizontal的外觀。
有人能告訴我什麼，我做錯了
編輯
這裏是當我使用表格內聯，屏幕截圖，其左對齊，我無法弄清楚如何縮進它。 
EDIT 2
這是我想獲得它的樣子。
謝謝，現在看起來好多了，現在唯一困擾我的是狀態文本框和Zip標籤之間的差距。有沒有辦法縮短兩者之間的差距？我使用form-inline而不是form-horizontal來完成它，但隨後它與窗口左側對齊，我不知道如何在窗口左側與第一個標籤之間添加空格，如果我是我很抱歉沒有正確解釋 – Chris
我將編輯並顯示一個屏幕截圖，當我使用form-inline代替時，form-inline我無法弄清楚如何從瀏覽器窗口左側移動它 – Chris
@Chris - 不確定你的意思是彼此相鄰，你能否用你想要的狀態和ZIP標籤/文本框相互關聯以及自己的圖形來更新你的問題？ –