I want to make a form control and it's label centered and inline together then make them stack on top of each other (label over input textbox) as the screen shrinks? I'm trying to do this with bootstrap.

1

There are 1 best solutions below

0
On

You need to use CSS breakpoints to define different styles depending on screensize. Since you are using bootstrap, you can utilize their grid system.

Look at advanced form layouts -> https://getbootstrap.com/docs/4.0/components/forms/#form-row