# shoelace.ioのEDNの分析

- http://shoelace.io/
- bs3を使用している
- phoneにはoffsetが使えない仕様にしている
    - つまりnilになっている。
- nilがについて
    - nilはnothingの意
    - nilがつくのは、一つ～前のdisplay sizeの同じ位置関係にある要素が同じである
    - その場合、比べた一番小さいdisplay sizeがnilと書いてあるその要素の値となる。
        - phone と　tabletを見比べたときoffsetのサイズが同じであればtabletの要素はnilになる
        - phone と　tabletを見比べたときcolのサイズが同じであればtabletの要素はnilになる


# 配列についてのまとめ

- `Display Size = { "phone", "tablet", "Desktop", "Large Desktop" }`
- `Offset Size = {1～12}`
- `Col Size = {1～12}`
- `Col Info = { DisplaySize, OffsetSize, ColSize }`
- `Col Infos = {{ "phone", OffsetSize, ColSize }, { "tablet", OffsetSize, ColSize }, { "Desktop", OffsetSize, ColSize }, { "Large Desktop", OffsetSize, ColSize }}`
- `Row Info = { ColInfos1, ColInfos2, ColInfos3 ... ColInfosX }`

---

## Page Navigation

- Canonical URL: https://dev.growi.org/Web会議室/エディタ拡張(BS4%20Grid%20追加編集モーダル)/配列の設定
- Permalink: https://dev.growi.org/5f057936f9b07b00481735d3
- Parent: [エディタ拡張(BS4 Grid 追加編集モーダル)](/5ed4953a82bb800048bcca3d.md)
- Children: 0 total
- Total descendants: 0
- Siblings: 3 total
  - [7月6日mtg](/5f02d0f7c84dc30048878719.md)
  - [colのドラッグ&ドロップについて](/5f0449623e9ccb0048ee5a59.md)
  - [路線変更詳細](/5f067a7f35ac9d00489712c4.md)
- Last updated: 2023-08-25T03:07:07.269Z by kosei-n
- Full page listing (all children regardless of count): https://dev.growi.org/_api/v3/page-listing/children?id=5f057936f9b07b00481735d3