Bootstrap 4 では慣れ親しんだグリッドシステムに変更が加えられました。より大きな画面サイズに対応する XL グリッドが追加された他、新しいグリッドシステム「フレックスボックス」バージョンが収録されました。 通常のグリッドと Flexbox 版には互換性がないので、プロジェクトに応じてどちらを利用するか選択する必要があります。この記事ではBootstrap 4における2つのグリッドシステムの違いを詳しく見ていきましょう。比較しやすいよう、グリッドを利用した具体的な参考デモページも用意しています。 コンテンツ目次 1. インストール 2. 通常グリッドレイアウト 3. カラムの折り返し 4. レスポンシブ・グリッド 5. 行の高さ調整 6. 水平方向の整列 7. 垂直方向の整列 8. 列の並び替え 01. インストール Bootstrap をプロジェクトに利用する一般的な方法は、CD
![Bootstrap 4 の新機能を徹底比較!Flexbox と通常グリッドの使い方まとめ](https://cdn-ak-scissors.b.st-hatena.com/image/square/a5882a5c823c710033be75f4cfa1859754dfae0b/height=288;version=1;width=512/https%3A%2F%2Fphotoshopvip.net%2Fwp-content%2Fuploads%2F2016%2F11%2Fbootstrap-4-flexbox-grid.jpg)