Bootstrap 4 form's column setting

Hello,

I am trying to create Bootstrap 4 form like a screenshot.

I would like to make a setting like screenshot for a mobile, and make all these three things in one row for a desktop browser.

Please kindly let me know how to do it.

I could do by this though, I can not go further by myself.

スクリーンショット 2019-08-24 15.56.47.png2272×586 20.5 KB

スクリーンショット 2019-08-24 15.56.57.png840×1034 56.6 KB

Thanks!