前回はBootstrapを使う準備を行いました。 今回はBootstrapのグリッドシステムと基本ルールを説明します。 【contents】 Bootstrapを極める！ Bootstrap4の基本(1) 〜準備編〜 【入門・初心者向け】 Bootstrapを極める！Bootstrap4の基本(2) 〜グリッドシステムと基本 ...

今回は、Bootstrapのグリッドシステムについて、簡単に解説していきます。 基本のHTML Bootstrapはグリッドシステムが魅力的です。 基本形は、containerとrow、colクラスから成っています。 上記の例では、行列を中央寄せしていて、レスポンシブデザインとなって ...

グリッドシステムは、グリッド（格子）に沿って要素を配置することで、異なる画面サイズに合わせたページレイアウトやデザインを、単体のHTMLファイルで実現する仕組みだ。Webサイト開発フレームワーク（部品群）「Bootstrap」のグリッドシステムは、画面 ...