2016-09-06 27 views
0
<div class="row"> 
           <form class="form-inline"> 
           <div class="form-group"> 
            <asp:Label runat="server" AssociatedControlID="tb_FName" CssClass="col-md-2 control-label">First Name</asp:Label> 
            <div class="col-md-10" > 
             <asp:TextBox runat="server" ID="tb_FName" CssClass="form-control" /> 
             <asp:RequiredFieldValidator runat="server" ControlToValidate="tb_FName" 
              CssClass="text-danger" ErrorMessage="The First Name field is required." SetFocusOnError="True" Display="Dynamic" /> 
            </div> 
         </div> 

          <div class="form-group" style="float:right"> 
            <asp:Label runat="server" AssociatedControlID="tb_LName" CssClass="col-md-2 control-label">Last Name</asp:Label> 
            <div class="col-md-10 "> 
             <asp:TextBox runat="server" ID="tb_LName" CssClass="form-control" /> 
             <asp:RequiredFieldValidator runat="server" ControlToValidate="tb_LName" 
              CssClass="text-danger" ErrorMessage="The Last Name field is required." SetFocusOnError="True" Display="Dynamic" /> 
            </div> 
            </div> 
            </form> 
            </div> 

有一個標籤和一個文本框和另一個標籤和文本框。第二個標籤和文本框來在第二行。我需要在同一行。我已經把它放在一行,並使用form-inline也..我試圖改變列空間仍然無法工作。我試圖利用引導放在一個單行標籤的文本框,另一個標籤和文本框,但它wouldnot來onthe同一行

+0

試着將''class =「col-md-10」''改爲''col-md-6''引導程序只有12個collumns和10 + 10超過這個限制所以把它推到下一行 – Taacoo

+0

雅我知道了.. ..如何把一個按鈕和文本框放在同一個垂直line.my按鈕來在下一行文本框前的方式 – nimmy

+0

劫持答案的方式,但沒關係 - 答案謝卡也適用於此。只需將Colmd號碼保持在12或以下 – Taacoo

回答

2

您可以使用class =「col-md-3」來設置行中的所有3個項目。

0

添加作爲一個答案我的評論,之前別人做它....

變化col-md-10col-md-6引導劃分網站網格12列。你可以檢查Bootstrap關於網格的更多信息

相關問題