如何使表單元素在bootstrap3中正確排列？

我想組織以下幾點：如何使表單元素在bootstrap3中正確排列？

FORM 
TEXTBOX1 

TEXTBOX2 TEXTBOX3

什麼是正確的方式做到這一點假設我開始喜歡一個結構：

<form> 
<label...> 
<input type="text"> 
<label...> 
<input type="text"> 
<label...> 
<input type="text"> 
</form>

我看class="form-inline"使得形式直列中的元素，但我只想第二個和第三個文本框內聯，而不是全部3.處理這個問題的正確方法是什麼？

來源

2013-10-09 Rolando

請將代碼發佈到您創建表單的部分，無論如何，我將使用n-child（2）+ n-child（3）來定位2個文本框。 – Kooki3

這是在我的文章，但它沒有顯示....不知道爲什麼後語法不起作用。 – Rolando

@Rolando，現在應該被修復 - 你開始以<形式作爲第一個職位 – davidkonrad

試試這個演示，如果你想實現列http://jsfiddle.net/tVHMy/2/

相關摘錄：

<div class='row'> 
    <div class='col-sm-6'> 
     <div class='form-group'> 
      <label for="user_password">Password</label> 
      <input class="form-control" id="user_password" name="user[password]" size="30" type="password" /> 
     </div> 
    </div> 
    <div class='col-sm-6'> 
     <div class='form-group'> 
      <label for="user_password_confirmation">Password confirmation</label> 
      <input class="form-control" id="user_password_confirmation" name="user[password_confirmation]" size="30" type="password" /> 
     </div> 
    </div> 
</div>

來源

2013-10-10 14:37:11

<form class="form-horizontal">                                
    <div class="row "> 
    <div class="col-sm-12">              
    <input type="text" class="form-control" placeholder="TextBox1"/> 
    </div>         
    </div>            

    <div class="row">   
    <div class="col-sm-6">            
     <input class="form-control" type="text" placeholder="TextBox2"/>                  
    </div> 
    <div class="col-sm-6"> 
     <input class="form-control" type="text" placeholder="TextBox3"/> 
    </div>            
    </div>              
</div>              
</form>

使用的代碼段以上，以獲得所需的格式

來源

2016-05-01 09:48:46

如何使表單元素在bootstrap3中正確排列？

回答

相關問題