Bootstrap5始めました。
Bootstrapを使ったデザイン。最初にご紹介するのは「グリッドシステム」を使ったDesignです。
Bootstrapは、ご存じかも知れませんが以下の引用をごらん戴ければと思います。
Bootstrapは、ウェブサイトやWebアプリケーションを作成するフロントエンドWebアプリケーションフレームワークです。
ウキペディア
タイポグラフィ、フォーム、ボタン、ナビゲーション、その他構成要素やJavaScript用拡張などが、HTMLおよびCSSベースのデザインテンプレートとして用意されています。
GitHubで四番目に人気があり、アメリカ航空宇宙局やMSNBCなどに採用されている。
「特徴」
HTML5やCSS3では比較的サポートが不完全であるが、主要なWebブラウザとの互換性がある。WebサイトやWebアプリケーションの基本情報がすべてのデバイスやブラウザで利用できるよう、部分的な互換性という概念を用いている。たとえば、角丸、グラデーション、ボックスシャドウなどのCSS3で導入された機能は古いWebブラウザでサポートされていないが、Bootstrapで使用される。
ブレイクポイントによる切り替え
12カラム グリッド (max12Column)
自動折り返し
※.ブラウザ表示で横幅を縮小していくか、
スマホの表示で12カラムグリッド表示が、
テーブルとは異なる表示になることで、グリッド表示を確認戴けます。
https://イイネ.biz/site-operation/design/6355/