본문 바로가기

Django

Django에 bootstrap 설치

반응형

 

Installation — django-bootstrap-v5 1.0.0 documentation

Installation The preferred way to install django-bootstrap-v5 is pip : $ pip install django-bootstrap-v5 Alternatively, you can install download or clone this repo and install from its folder with: $ pip install -e . In your project, you should add django-bootstrap-v5 to your requirements.txt . Be s...

django-bootstrap-v5.readthedocs.io

1. 가상환경에서 django-bootstrap-v5 설치

$ pip install django-bootstrap-v5
Collecting django-bootstrap-v5
  Downloading django_bootstrap_v5-1.0.8-py3-none-any.whl (24 kB)
Requirement already satisfied: django<5.0,>=2.2 in /django/env/lib/python3.8/site-packages (from django-bootstrap-v5) (3.1.4)
Collecting beautifulsoup4<5.0.0,>=4.8.0
  Downloading beautifulsoup4-4.10.0-py3-none-any.whl (97 kB)
     |████████████████████████████████| 97 kB 10.9 MB/s 
Requirement already satisfied: pytz in /django/env/lib/python3.8/site-packages (from django<5.0,>=2.2->django-bootstrap-v5) (2020.5)
Requirement already satisfied: sqlparse>=0.2.2 in /django/env/lib/python3.8/site-packages (from django<5.0,>=2.2->django-bootstrap-v5) (0.4.1)
Requirement already satisfied: asgiref<4,>=3.2.10 in /django/env/lib/python3.8/site-packages (from django<5.0,>=2.2->django-bootstrap-v5) (3.3.1)
Collecting importlib-metadata<4.0,>=3.10
  Downloading importlib_metadata-3.10.1-py3-none-any.whl (14 kB)
Collecting soupsieve>1.2
  Downloading soupsieve-2.3.1-py3-none-any.whl (37 kB)
Collecting zipp>=0.5
  Downloading zipp-3.7.0-py3-none-any.whl (5.3 kB)
Installing collected packages: zipp, soupsieve, importlib-metadata, beautifulsoup4, django-bootstrap-v5
Successfully installed beautifulsoup4-4.10.0 django-bootstrap-v5-1.0.8 importlib-metadata-3.10.1 soupsieve-2.3.1 zipp-3.7.0
 

2. settings.py에 bootstrap5추가

INSTALLED_APPS = [
    'django.contrib.admin',
    'django.contrib.auth',
    'django.contrib.contenttypes',
    'django.contrib.sessions',
    'django.contrib.messages',
    'django.contrib.staticfiles',
    'HelloWorld.apps.HelloworldConfig',
    'bootstrap5'
]
 

 

 

반응형