Webサイト制作初心者用質問スレ part249

564 ：Name_Not_Found：2018/09/12(水) 06:52:54.73 ID:???.net

Bootstrap4のFlex（https://getbootstrap.com/docs/4.0/utilities/flex/）でフォームを作ってるんですが、
以下のようなレイアウトが実現できなくて困っています
https://dotup.org/uploda/dotup.org1640182.png

form内でそれぞれのinputタグに<div class="col">を使ってやろうとすると、
ブラウザが勝手に</form>を補完してしまって、submitボタンがformタグの外にある状態になり動作しなくなってしまいます
どうすればうまくいくでしょうか？