form タグを追加すると HTML div 要素が縮小する

Question

Form タグを div 要素の外側に追加しましたが、何らかの理由で縮小してしまいます。私はBootstrapを使用していますが、メインコンテナのdivを「row」に設定し、「col」に切り替えても縮小しなくなったためだと思いますが、それは私が望むレイアウトではありません。これは私のコードです:

リーリー

これはデザインです:

下の行は目的のレイアウトです。これはフォーム マークアップを追加する前の結果であり、上の行はフォームを追加したときの結果です。これは何が原因でしょうか?この問題はどうすれば解決できますか?ご協力いただきありがとうございます！ ！

Answer 1

ドキュメントより:

行と列の間にフォームを挿入したため、列は行の子ではなく孫になります。

フォームを div 内に配置するのではなく、 div をフォームに置き換えます。フォーム上で必ず行クラスを設定してください。