Bootstrap 5 はいつリリースされましたか？
多くの開発者が待ち望んでいた Bootstrap 5 は、 2021年5月12日に正式リリースされました。
Bootstrap 5 の新機能
Bootstrap 5 では、多くの新機能が追加され、さらに使いやすくなりました。主な変更点は以下の通りです。
| 機能 | 説明 |
|---|---|
| jQuery の廃止 | Bootstrap 5 では、jQuery への依存がなくなり、より軽量で高速になりました。 |
| 新しいグリッドシステム | より柔軟なレイアウトを簡単に作成できる新しいグリッドオプションが追加されました。 |
| 拡張されたユーティリティクラス | マージン、パディング、表示などを制御するためのユーティリティクラスがさらに充実しました。 |
| カスタマイズの強化 | Sass の変数やミックスインを使用して、Bootstrap のスタイルをより簡単にカスタマイズできるようになりました。 |
| アイコンのセットが刷新 | SVGアイコンライブラリが導入され、より多くのアイコンが利用可能になり、カスタマイズ性も向上しました。 |
| アクセシビリティの向上 | WAI-ARIA 属性の適用範囲が拡大され、アクセシビリティが向上しました。 |
HTMLコード例
Bootstrap 5 を使用した基本的な HTML コードの例を以下に示します。
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bootstrap 5 のサンプル</title>
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet">
</head>
<body>
<div class="container">
<h1>Bootstrap 5 のサンプルページ</h1>
<p>Bootstrap 5 を使って簡単にレスポンシブな Web サイトを作成できます。</p>
</div>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>参考資料
よくある質問
- Q1. Bootstrap 4 から Bootstrap 5 への移行は簡単ですか？
- A1. 一部のクラス名や機能に変更があるため、互換性がない部分があります。移行ガイドを参照して、必要な変更を加える必要があります。
- Q2. Bootstrap 5 を使用するために JavaScript の知識は必要ですか？
- A2. Bootstrap 5 は jQuery への依存がなくなり、JavaScript の知識がなくても基本的な機能は使用できます。ただし、高度な機能を利用するには JavaScript の知識が必要になる場合があります。
- Q3. Bootstrap 5 は商用利用可能ですか？
- A3. はい、Bootstrap 5 は MIT ライセンスで提供されており、商用利用も可能です。
その他の参考記事:bootstrap min css 3.3 7 download