Wie man zwei fieldset horizontal?

Ich habe ein Formular mit zwei fieldset-Elemente

<form>
   <fieldset>
   </fieldset>

   <fieldset>
   </fieldset>
</form>

Muss ich machen um horizontal?

InformationsquelleAutor Erik | 2013-05-02
  1. 2

    Schweben Sie und fügen Sie eine Breite.

    fieldset {
  float: left;
  width: 50%;
}
    InformationsquelleAutor pzin
  2. 0

    Könnte man Sie in eine Reihe fluid span6. Können Sie einige andere Dinge, aber das wird auch zu Problemen mit der Zeile.

    <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>
    InformationsquelleAutor Nix
  3. 0

    können Sie tun, dass durch das hinzufügen der Mutter:

    overflow: hidden;

    hinzufügen, um das fieldset: 

    display: block; float: left;

    Siehe Beispiel: http://jsfiddle.net/JXf8g/25/

    InformationsquelleAutor Rob1n
Schreibe einen Kommentar