CODEWITHSUNDEEP
csstwitter-bootstrapfieldset
Erik
Erik

Reputation: 14770

How to make two fieldset horizontally?

I have a form with two fieldset elements

<form>
   <fieldset>
   </fieldset>

   <fieldset>
   </fieldset>
</form>

I need to make to be horizontally?

Upvotes: 1

Views: 11829

Answers (3)

miniMAC
miniMAC

Reputation: 55

you can do that by add to the mother:

overflow: hidden;

and add to the fieldset: 

display: block; float: left;

See the example: http://jsfiddle.net/JXf8g/25/

Upvotes: 0

Nix
Nix

Reputation: 58522

You could put them in a row fluid span6. You can do some other things, but the well will cause issues with row.

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

Upvotes: 0

pzin
pzin

Reputation: 4248

Just float them and add a width.

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

Upvotes: 2

Related Questions