- CDNを使用する方法: Bootstrapを簡単に追加する方法の1つは、CDN(Content Delivery Network)を利用することです。CDNは、Bootstrapのファイルをホスティングしており、ウェブページに簡単に組み込むことができます。以下のコードをHTMLのセクション内に追加してください。
<head>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css">
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"></script>
</head>
- ダウンロードしてローカルに保存する方法: Bootstrapのファイルを直接ダウンロードし、ローカルに保存して使用する方法もあります。以下の手順に従ってください。
- Bootstrapの公式ウェブサイト(https://getbootstrap.com)にアクセスし、最新バージョンのBootstrapをダウンロードします。
- ダウンロードしたファイルを解凍し、必要なファイル(bootstrap.min.cssやbootstrap.min.jsなど)をプロジェクトの適切な場所に保存します。
- HTMLのセクション内で、以下のようにファイルをリンクしてください。
<head>
<link rel="stylesheet" href="path/to/bootstrap.min.css">
<script src="path/to/bootstrap.min.js"></script>
</head>
以上の方法でBootstrapをHTMLに追加することができます。これにより、ウェブページに簡単に美しいデザインやレスポンシブなレイアウトを実装することができます。詳細な使い方やさまざまなコンポーネントの利用方法については、Bootstrapの公式ドキュメントを参照してください。