How can I make this bootstrap layout?

I’m currently working on a registration form for a website. I’m building the form using bootstrap grid system. Although the CSS over on CodePen isn’t loading properly, essentially what I’m trying to do with the form is this. I’m new to bootstrap so I really have no idea how to make the last column of the second row taller so it spans across the two middle rows. I also want the submit form button to be in line horizontally with the last row. How could I achieve this?

I would use four tall container divs, side by side, and then apply uniform height and vertical spacing to all inputs in the container divs except for the one that is different. The “rows” would actually be an illusion.

Sounds like a good solution but I’m not sure how responsive that would be.

This topic was automatically closed 182 days after the last reply. New replies are no longer allowed.