Elements on row become separate rows on mobile

How can I achieve this for the heading of my form? I would like a similar effect to that of the bootstrap flex-box.

We are not integrated with Bootstrap. We can only edit the heading using CSS to make the heading mobile responsive.

https://www.jotform.com/help/117-How-to-Inject-Custom-CSS-Codes

You may however use the Forms source code and integrate Bootstrap.

Hope this information helps.