CSS/Bootstrap4 の変更点

• 追加された行はこの色です。
• 削除された行はこの色です。
• CSS/Bootstrap4 へ行く。
• CSS/Bootstrap4 の差分を削除

#author("2021-10-10T08:11:40+00:00","default:wikiadmin","wikiadmin")
#author("2024-08-10T16:03:39+00:00","default:wikiadmin","wikiadmin")
-SpringBootのviewとして利用中

*BS5 sample [#m5d3d734]

https://www.w3schools.com/bootstrap5/bootstrap_list_groups.php

*基本 [#x3ac27dd]

-固定幅の .container または全幅の .container-fluid （width: 100%）
-列を使うならrowで囲む
-col-xx-数値でデバイスごとの列分割数を設定。複数のクラスを定義することでデバイスごとに横に並ぶ列を変えることができる

**ブレークポイント [#lf21738f]

xs,sm,md,lg,xl

縦持ちが多いスマホはxsにして、mdはミニサイズタブレットなので、lgをPC向けとする

*form [#kd28cd99]

-全部を横並びにしたい場合はform class="form-inline"
-各要素をdiv class=form-groupで囲む。
-特定の要素だけ横並びにしたい場合はdiv class=form-inline

*移行 [#j9c95070]

**一覧ページ [#b69b6042]

|btn btn-default|btn btn-primary|


**li [#q62be96d]

|.justify-content-start|左|
|.justify-content-center|真ん中|
|.justify-content-end|左|