如何水平設置兩個fieldset？

Question

我有兩個字段集元素

<form> 
    <fieldset> 
    </fieldset> 

    <fieldset> 
    </fieldset> 
</form> 

我需要爲橫一種形式？

Answer 1

只是浮動它們並添加寬度。

fieldset { 
    float: left; 
    width: 50%; 
} 

Answer 2

你可以把它們放在一個流體span6中。你可以做一些其他的事情，但是井會引起行問題。

<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>  

Answer 3

你可以做，通過添加到母親：

overflow: hidden; 

，並添加到字段集：

display: block; float: left; 

見例如：http://jsfiddle.net/JXf8g/25/