CSS/Bootstrap4
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
検索
|
最終更新
|
ヘルプ
|
ログイン
]
開始行:
-SpringBootのviewとして利用中
*BS5 sample [#m5d3d734]
https://www.w3schools.com/bootstrap5/bootstrap_list_group...
*基本 [#x3ac27dd]
-固定幅の .container または全幅の .container-fluid （widt...
-列を使うならrowで囲む
-col-xx-数値でデバイスごとの列分割数を設定。複数のクラス...
**ブレークポイント [#lf21738f]
xs,sm,md,lg,xl
縦持ちが多いスマホはxsにして、mdはミニサイズタブレットな...
*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|左|
終了行:
-SpringBootのviewとして利用中
*BS5 sample [#m5d3d734]
https://www.w3schools.com/bootstrap5/bootstrap_list_group...
*基本 [#x3ac27dd]
-固定幅の .container または全幅の .container-fluid （widt...
-列を使うならrowで囲む
-col-xx-数値でデバイスごとの列分割数を設定。複数のクラス...
**ブレークポイント [#lf21738f]
xs,sm,md,lg,xl
縦持ちが多いスマホはxsにして、mdはミニサイズタブレットな...
*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|左|
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
