Bootstrap 5が反映されない

2024年6月18日

Bootstrap 5を正しく反映させるには、いくつかの手順を確認してください。

  1. Bootstrap 5のインストール:
    django_bootstrap5はBootstrap 5の対応を提供しますが、まずはBootstrap 5のCSSおよびJavaScriptファイルをプロジェクトにインストールしてください。以下はCDNを使用する例です。プロジェクトに適した方法でBootstrap 5のファイルを取得して統合してください。

    html
<!-- base.html や共通テンプレートに Bootstrap 5 のリンクを追加 -->
<!-- CSSファイル -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/css/bootstrap.min.css" integrity="sha384-GLhlTQ8iK7l5Mz+5trN50VEGBZg3K9tVhaxPvqDm/CGEA/4pPaMYY3O5bRV+0W1B" crossorigin="anonymous">

<!-- JavaScriptファイル（popper.jsとBootstrapのJavaScriptを使用する場合） -->
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.10.2/dist/umd/popper.min.js" integrity="sha384-6s5eYOxzA2CpPPJrW6C+VuBXp6S6I9xNcs3dStxE17LGKjSc4jGDOl7wFv0kiEZL" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.0.2/dist/js/bootstrap.min.js" integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFVIgFga5HQpK8qL" crossorigin="anonymous"></script>

    注意: これはCDNを使用した例です。もしプロジェクト内でBootstrapを管理している場合は、それに従ってください。

  2. テンプレートのキャッシュクリア:
    テンプレートがキャッシュされている可能性があるので、一度キャッシュをクリアしてみてください。

    bash
python manage.py clearsessions
python manage.py collectstatic --noinput
  3. 開発サーバーの再起動:
    変更を反映させるために、Djangoの開発サーバーを再起動してみてください。

    bash
python manage.py runserver

これらの手順を試しても問題が解決しない場合、具体的なエラーや挙動の詳細な情報があれば教えていただけると、より具体的なサポートが可能です。

未分類

Posted by ぼっち