嗨即時試圖使在線表格水平 混合我有http://jsfiddle.net/TNLnP/3/,但我想要得到的東西像Twitter的引導水平混合形式直列
<label><input>
<label><input><label><input><label><input>
嗨即時試圖使在線表格水平 混合我有http://jsfiddle.net/TNLnP/3/,但我想要得到的東西像Twitter的引導水平混合形式直列
<label><input>
<label><input><label><input><label><input>
如果你想在同一form
元素中保持雙方可以添加form-inline
您fieldset
:
<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>
<!-- 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試試這個。希望它能幫助你。 :)
我認爲主要的問題是讓他們瓦特/相同的形式 –
這是downvoted - 可以downvoter評論什麼是失蹤? –
只需添加,如果你需要一個水平的形式(如問題所述)與內聯元素,這個答案可能會有所幫助。 http://stackoverflow.com/questions/12201835/form-inline-inside-a-form-horizontal-in-twitter-bootstrap 我今天正在尋找這個,並在這裏結束。 –