プログラム自学案内の9回目です。前回までの記事ではCSSを案内しました。今回はCSSフレームワークの「Bootstrap」を案内します。 CSSフレームワークとは CSSフレームワークとは、端的に言うと既製品のCSSファイルです。今回紹介するBootstrapをはじめとして ...
今回は前回軽く触れた、 Bootstrapのグリッドシステムについて紹介します。 グリッドシステムとは? グリッドシステムは、 レイアウトを格子状に分解し配置するデザインする手法です。グリッドシステムを使うことで縦の揃えが容易に表現できるため ...
グリッドシステムは、グリッド(格子)に沿って要素を配置することで、異なる画面サイズに合わせたページレイアウトやデザインを、単体のHTMLファイルで実現する仕組みだ。Webサイト開発フレームワーク(部品群)「Bootstrap」のグリッドシステムは、画面 ...
今回は、Bootstrapのグリッドシステムについて、簡単に解説していきます。 基本のHTML Bootstrapはグリッドシステムが魅力的です。 基本形は、containerとrow、colクラスから成っています。 上記の例では、行列を中央寄せしていて、レスポンシブデザインとなって ...
一部の結果でアクセス不可の可能性があるため、非表示になっています。
アクセス不可の結果を表示する