Bootstrapとは、Twitter社が開発したUIフレームワークです。Webサイトをデザインする際に役立つツールで、レスポンシブデザインに対応しています。 この記事では、簡単にレスポンシブWebデザインができるBootstrap 4のグリッドシステムの紹介をします。 Bootstrapのグリッドシステムとは? グリッドとは「画面を縦横に分割する線」のことで、横の線で分割されたエリアを「行(Row)」、縦の線で分割されたエリアを「列(Column)」と呼びます。この「行」と「列」を使ってボックス(容器)を配置してデザインするのが、Bootstrap 4におけるグリッドシステムです。 Bootstrapグリッドは、CSSやJavascriptなしで使うことができます。”bootstrap-grid.css“にリファレンスするだけで、「Grid」クラスと「Flexbox」クラスへアクセス可能