Using .form-stacked appears to break ability to use multi-column forms

[rufhausen]

When applying .form-stacked to the form tag, multi-column layouts appear to become broken. Removing .form-stacked resolves this. However, stacked forms are a big help when page width is at a premium, which is especially true when using multiple columns in a form.
Thanks.

[qcom]

@rufhausen do you mean breaking up .form-stacked form's into multiple columns is impossible? If it's not, I am not aware of how to do it. But I am definitely wasting precious real estate with one column, .form-stacked form. Especially with a registration

with a lot of fields.

[necolas]

Have you got a reduced test case? What browser? etc.

[rufhausen]

Well, actually, I just played with it some more and now it appears to be working. Not sure what I was doing wrong before.

[qcom]

@rufhausen how did you split up the form into multiple layouts?

[rufhausen]

Actually, I think my issue had something to do with Chrome not honoring :first-child and adding a 20px margin-left to the first column. I used the alternative CSS here (#56) to address that.
So the basic layout is:

<form>
<fieldset>
<legend></legend>
<div class="row">
<div class="span8 columns">
some form fields
</div>
<div class="span8 columns">
some more fields
</div>
</div> <!-- end row -->
</fieldset>
</form>