2 つのフィールドセット要素を持つフォームがあります
<form>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
</form>
水平にする必要がありますか?
2 つのフィールドセット要素を持つフォームがあります
<form>
<fieldset>
</fieldset>
<fieldset>
</fieldset>
</form>
水平にする必要がありますか?
それらを浮かせて幅を追加するだけです。
fieldset {
float: left;
width: 50%;
}
それらを連続した流体スパン6に配置できます。他のこともできますが、井戸は列の問題を引き起こします。
<form class="row-fluid well">
<fieldset class='span6'>
<legend>Legend 1</legend>
<label class="radio">
<input type="radio" name="option1"/> Option1
</label>
<label class="radio">
<input type="radio" name="option2"/> Option2
</label>
</fieldset>
<fieldset class='span6'>
<legend>Legend 2</legend>
<select>
<option> option1 </option>
</select>
</fieldset>
</form>
マザーに追加することでそれを行うことができます:
overflow: hidden;
フィールドセットに追加します。
display: block; float: left;
例を参照してください: http://jsfiddle.net/JXf8g/25/