2012-08-27 29 views

回答

35

如果你想在同一form元素中保持雙方可以添加form-inlinefieldset

<form> 
<div class="row"> 
    <fieldset class="form-inline"> 
     <label class="control-label">A</label> 
     <input type="text" class="input-medium"> 
    </fieldset> 
</div><!-- end row --> 
<div class="row"> 
    <fieldset class="form-inline"> 
     <label class="control-label">B</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">C</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">D</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">E</label> 
     <input type="text" class="input-mini" > 
    </fieldset> 
</div><!-- end row --> 
</form> 

http://jsfiddle.net/ZWNjw/

+0

這是downvoted - 可以downvoter評論什麼是失蹤? –

+0

只需添加,如果你需要一個水平的形式(如問題所述)與內聯元素,這個答案可能會有所幫助。 http://stackoverflow.com/questions/12201835/form-inline-inside-a-form-horizo​​ntal-in-twitter-bootstrap 我今天正在尋找這個,並在這裏結束。 –

-1
<!-- First Form =============================== --> 
<div class="row"> 
    <form class="form-inline"> 
    <fieldset> 
     <label class="control-label">A</label> 
     <input type="text" class="input-medium"> 
    </fieldset> 
    </form> 
</div><!-- end row --> 

<!-- Second Form ================================== --> 
<div class="row"> 
    <form class="form-inline"> 
    <fieldset> 
     <label class="control-label">B</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">C</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">D</label> 
     <input type="text" class="input-mini" > 
     <label class="control-label">E</label> 
     <input type="text" class="input-mini" > 
    </fieldset> 
    </form> 
</div><!-- end row --> 

jsfiddle試試這個。希望它能幫助你。 :)

+13

我認爲主要的問題是讓他們瓦特/相同的形式 –