Contents
たまに触るとこれだよ
hidden-xs でいいじゃん！と思ったんですが、動かないorz
https://getbootstrap.com/docs/4.1/utilities/display/#hiding-elements
なるほどクラス名称がまるっと変わってしまった模様。
試してみましょう
今回のオーダーはスマホとPCでボタンのレイアウトを変えたいとのことなので、めいめいで表示する為のdivを作り
d-lg-none
と
d-none d-lg-block
で振り分けました。
あとはこのdivの中のinputの名称が被ってしまうと正常に動作しないので、viewとcontrollerとで解決すればOK。