# [GROWI](https://tips.weseek.co.jp/5e393927e848c600487d6a01) における Bootstrap [GROWI](https://tips.weseek.co.jp/5e393927e848c600487d6a01) は Bootstrap 3 をベースにプレミアムテンプレートである Agile Admin [^1] を適応していた。 Bootstrap 4 リリースに伴い Agile Admin を廃止することを決定。 2020 年 1 月 25 日現在トピックブランチ `support/apply-bootstrap4`[^2] にて Bootstrap 4 化を進行している。 ## 方針 - Bootstrap 3 の拡張だった Agile Admin は外す - まずプレーンな Bootstrap 4 のコードで大きな崩れがないようにコーディング - [Bootstrap4 グリッド](https://cccabinet.jpn.org/bootstrap4/layout/grid) - [Bootstrap4 フォーム](https://cccabinet.jpn.org/bootstrap4/components/forms) - [Bootstrap4 カード](https://cccabinet.jpn.org/bootstrap4/components/card) - SCSS で Agile Admin に寄せたデザインに変更 - react-bootstrap は廃止、state管理を要するコンポーネントは reactstrap を使用する - 共通の部品が多いため、変更箇所を[/開発日記/bootstrap4化/汎用的な変更点](https://dev.growi.org/5e142eaf61c1a10048c26ea8)に追加していく。 - 追加された部品は、追加した人がデザイン調整済みと認識し、それ以外の人はスタイル調整しないようにする - 汎用的な変数は `_override-bootstrap-variables.scss` で設定する - bootstrap 4 で使われてるマジックナンバー[^3]があればそれを優先して使用する [^1]:フラットなデザインのプレミアム管理ダッシュボードテンプレート https://wrapbootstrap.com/theme/agile-admin-dashboard-and-admin-site-WB0HT11J2 [^2]: https://github.com/weseek/growi/tree/support/apply-bootstrap4 [^3]: https://github.com/twbs/bootstrap-sass/blob/master/assets/stylesheets/bootstrap/_variables.scss --- ## Page Navigation - Canonical URL: https://tips.weseek.co.jp/GROWI/GROWIにおけるBootstrap - Permalink: https://tips.weseek.co.jp/5e3938c6e848c600487d69fa - Parent: [GROWI](/5e393927e848c600487d6a01.md) - Children: 0 total - Total descendants: 0 - Siblings: 8 total - [GROWIでapiを叩いてみよう](/5e4d5253340a4f0049473d2b.md) - [GROWIのバージョンを下げた時に、nodeのバージョンで怒られた時の対処法](/5f7c32e8b8f345004895b23e.md) - [SSOと仲良くなろう](/5f99372a04330d004832a02c.md) - [formのactionでPUTとDELETEが送れない件](/5e789d45a5e29a004842ba63.md) - [reactstrap を使ったコンポーネントのレンダリング制御](/5e424e61decd0a0049953ae1.md) - [分割代入を使って見通しの良いコードを書こう](/5e3e6f19591d7f0048b3cc69.md) - [実例で見るpointer-eventsの使い方](/5e50df38839fe70048321573.md) - [故意の技術的負債から目を逸らさない](/5e71da49df47e40049fa6c6f.md) - Last updated: 2020-02-08T08:31:27.381Z by deleted_at_1672138397219 - Full page listing (all children regardless of count): https://tips.weseek.co.jp/_api/v3/page-listing/children?id=5e3938c6e848c600487d69fa