CSS - form to wrap around and not full width

Hi,

I’m trying to have my form tags not go inline and go 100% width. Just want to be able to place two forms side by side, without having to use col.
The two forms have only a hidden field so I am only displaying buttons, so I want the buttons of the two different forms to be side by side.
I can’t seem to get it.

The easiest way would be to just put the two form in two columns with a width of 6. So a structure like row > col-6 > form / col-6 >form

Another option is to set a class of .w-50 to your forms.

thank Teodor. My only issue with col-6 is that it doesn’t wrap around properly and if I have other elements int he form it wraps to the next line.

I will try .w-50 though

You put the two forms in two separate col-6 containers … not in one :slight_smile:

Thanks Teodor. I’m trying to display the two submit buttons (from each form) next to each other with no space.

Ah is that all :slight_smile:
Then put the forms in a single col and add to both of them the .d-inline-block class.

1 Like

it worked! :slight_smile: Thanks @Teodor
(can’t believe it didn’t try that!!! I think too much coding today :slight_smile:

1 Like