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

プログラム自学案内の9回目です。前回までの記事ではCSSを案内しました。今回はCSSフレームワークの「Bootstrap」を案内します。 CSSフレームワークとは CSSフレームワークとは、端的に言うと既製品のCSSファイルです。今回紹介するBootstrapをはじめとして ...

今回は前回軽く触れた、 Bootstrapのグリッドシステムについて紹介します。 グリッドシステムとは？ グリッドシステムは、 レイアウトを格子状に分解し配置するデザインする手法です。グリッドシステムを使うことで縦の揃えが容易に表現できるため ...

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