I was attempting to create simply two columns in each row.
When I set up the group to do two columns, it simply showed the second element underneath the first, slightly indented. It should have placed the second element alongside the first in the second column.
At first I thought I was doing this wrong, but then I switched the form template from bootstrap over to blue sky and it worked appropriately, placing the two elements next two each other in their respective columns.
Here is a visual of the bootstrap situation:
Here's a visual of when I switch it to Blue Sky, I'm not sure yet why the fields are overlapping, could have something to do with settings on my end though.
When I set up the group to do two columns, it simply showed the second element underneath the first, slightly indented. It should have placed the second element alongside the first in the second column.
At first I thought I was doing this wrong, but then I switched the form template from bootstrap over to blue sky and it worked appropriately, placing the two elements next two each other in their respective columns.
Here is a visual of the bootstrap situation:
Here's a visual of when I switch it to Blue Sky, I'm not sure yet why the fields are overlapping, could have something to do with settings on my end though.