django-bootstrap4を使いたい

2024年6月25日

DjangoでBootstrapを使用する際には、django-bootstrap4 パッケージを導入して利用することが一般的です。以下は、django-bootstrap4 を使ってBootstrapを統合する手順です。

1. パッケージのインストール:
   ターミナルまたはコマンドプロンプトを開いて、以下のコマンドを実行して django-bootstrap4 パッケージをインストールします。

   bash
   pip install django-bootstrap4
   

2. INSTALLED_APPS への追加:
   INSTALLED_APPS に 'bootstrap4' を追加して、Djangoにdjango-bootstrap4 を使用するように指示します。settings.py ファイルを開いて、次のように修正します。

   python
   INSTALLED_APPS = [
       # ...
       'bootstrap4',
   ]
   

3. テンプレートでの読み込み:
   テンプレートファイルでBootstrapを使用するために、次のように{% load bootstrap4 %}をテンプレートの先頭に追加します。

   html
   {% extends "base.html" %}
   
   {% load bootstrap4 %}
   
   {% block content %}
       <!-- Your HTML content here -->
   {% endblock %}
   

   また、BootstrapのCSSやJavaScriptを読み込むために、テンプレート内で {% bootstrap_css %} や {% bootstrap_javascript %} を使用できます。例:

   html
   {% extends "base.html" %}
   
   {% load bootstrap4 %}
   
   {% block content %}
       {% bootstrap_css %}
       <!-- Your HTML content here -->
       {% bootstrap_javascript %}
   {% endblock %}
   

これで、django-bootstrap4 がプロジェクトに統合され、Bootstrapの機能を利用できるようになります。テンプレート内でBootstrapのクラスやコンポーネントを使用することができます。