Bootstrap4 columns stacks up rather than lying side by side even though right grid system

Question

I\'m working on a website using bootstrap4, and I\'m trying to put two text boxes side by side. Even though I used the 12 grid system, somehow my columns get stacked top/bot