【Django】DjangoでBootstrap4を導入する

はじめに

 これは自分用のメモです(定期)。なんか色々なサイト回っていたらよくわからなくなってしまったので自分用に残します。

導入

django-bootstrapというパッケージがあるのでそれを今回僕は使います。

pip install django-bootstrap4

 パッケージをインストールしたらsettings.pyを以下のように変更します。

    

    #~~中略

    

    INSTALLED_APPS = [

    'django.contrib.admin',

    'django.contrib.auth',

    'django.contrib.contenttypes',

    'django.contrib.sessions',

    'django.contrib.messages',

    'django.contrib.staticfiles',

    'manager',

    'bootstrap4',   #追加

]



     #~~中略

TEMPLATES = [

    {

        'BACKEND': 'django.template.backends.django.DjangoTemplates',

        'DIRS': [

            os.path.join(BASE_DIR,'templates'),

        ],

        'APP_DIRS': True,

        'OPTIONS': {

            'context_processors': [

                'django.template.context_processors.debug',

                'django.template.context_processors.request',

                'django.contrib.auth.context_processors.auth',

                'django.contrib.messages.context_processors.messages',

            ],

            'builtins': [

                'bootstrap4.templatetags.bootstrap4',   #追加

            ],

        },

    },

]

次に、templateでのbootstrapの呼び方は

{% bootstrap_css %}

とするだけです。僕はなぜか{{%  %}}としてしまっていて

Could not parse the remainder: '% bootstrap_css %' from '% bootstrap_css %'

というエラーが出ました。理解が浅いがゆえのミスです。

あとは通常通りにclass指定すればbootstrapを使うことができます。

さいごに

 パッケージを使う人や直接ダウンロードしてstaticフォルダに入れる人がいらっしゃったりしていてどれを参考にしたら良いかわかりませんでした。中には混合させたQiitaも存在したので気を付けたいと思いました。

参考

www.techpit.jp

おわり。

もしよければ↓ぽちっと↓お願いします。

にほんブログ村