bootstrap5 2つのフォームを横並びにする

IT関連

めでたくIEがお亡くなりになったので、Bootstrap4から5に移行しています。

しかし、Bootstrp5ではform-inlineやform-rowやform-groupは廃止になったので、移行した瞬間に横並びにしていたフォームがすべて縦並びになってしまいました。

これでは使えん・・。

 

そこで下記のやり方を調べてみました。親要素のクラスにrowを指定して、inputなどをcol-autoのdivで包むという方法です。

 

しかし私の場合は<form>と<form>の横並び、つまり<form>が2つある形なので少し違います。

結論から行きましょう。

 

こうやりました。

 

親要素に class=”row” を付与、子要素に class=”col-auto” を付与する。これを忠実にやるということですね。

これでうまくいきました。

コメント

タイトルとURLをコピーしました