- 固定幅の .container または全幅の .container-fluid （width: 100%）
- 列を使うならrowで囲む
- col-xx-数値でデバイスごとの列分割数を設定。複数のクラスを定義することでデバイスごとに横に並ぶ列を変えることができる
ブレークポイント†
xs,sm,md,lg,xl
縦持ちが多いスマホはxsにして、mdはミニサイズタブレットなので、lgをPC向けとする
form†
- 全部を横並びにしたい場合はform class="form-inline"
- 各要素をdiv class=form-groupで囲む。
- 特定の要素だけ横並びにしたい場合はdiv class=form-inline
一覧ページ†
| btn btn-default | btn btn-primary |
| .justify-content-start | 左 |
| .justify-content-center | 真ん中 |
| .justify-content-end | 左 |
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
