I’ve been slowly re-tooling the form I originally made while participating in the freecodecamp courses. I’ve just become familiar with bootstrap and how to use it for responsive page layouts.
Here it is on Github:
Right now, I’m trying to style the first section element of the form. This section has an id of basic_infos. Within #basic_infos, there are three input types: text, email, and number.
I’m having issues using bootstrap to style #basic_infos the way I would like. I’ve tried a lot of different iterations but haven’t figured out what I’m doing wrong.
The effect I want is for the text and email inputs to take up the full width of the form until they reach the md breakpoint. At which point they both take up 6 units of space.
I can get this behavior to happen, but they don’t share that full row space of 12 units, even though they are both within a div of class .row
Instead, they both sit within their own line, taking up 6 units of the form.
Why are they behaving in this way?