logo

Bootstrap4 と Bootstrap5 フレームワークの違い

Bootstrap は、応答性の高い Web ページやオンライン アプリを開発するための無料のオープンソース ツールキットです。 HTML、CSS、JavaScript フレームワークを使用すると、応答性の高いモバイルファーストの Web サイトを簡単に作成できます。その主な目的は、ブラウザ間の互換性の問題に対処することです。 Bootstrap は、あらゆる画面サイズに最適化された Web サイトの中心であり、最新のブラウザーで見栄えがよくなります。

Bootstrap 5 にはカスタム フォーム コントロールが含まれています。 Bootstrap 4 のフォーム コントロールは、各ブラウザで利用可能なプリセットをすべて使用しました。 Bootstrap 5 のフォーム コントロールは、カスタム デザインにより、すべてのブラウザにわたって一貫性のある外観と感触を持ちます。

ブートストラップ 5 では、一部のクラスが削除されますが、これはブートストラップ 4 バージョンで利用可能です。

  • 「行フォーム」
  • 「フォームインライン」
  • 「インラインリスト」
  • 「フォームインライン」

ブートストラップ 5 では、一部のクラスはブートストラップ 4 バージョンでは使用できません。

  • gx-* : 水平/列のガター幅
  • gy-* : 縦/列のガター幅
  • g-* : 水平および垂直のガター幅
  • 行-列-自動

Bootstrap 4 と Bootstrap 5 の比較

特徴 ブートストラップ 4 バージョン ブートストラップ 5 バージョン
発売日 Bootstrap 4 は 2018 年 1 月にリリースされ、以前のバージョンに比べて大幅な進歩を遂げました。 Bootstrap 5 は 2021 年 5 月にリリースされました。このバージョンは、アルファ版とベータ版のリリースを複数回繰り返した後にリリースされ、その結果、多数の重要な追加機能と新機能が追加されました。
リンク