bootstrap5
-
[Django] Bootstrap5 vscode 적용하기Programming/Django 2022. 8. 31. 12:47
설치 방법은 1. django bootstrap5 설치 2. compiled CSS and JS download 해서 프로젝트에 적용 3. npm 이용한 bootstrap dist 적용 세가지가 있다. 이외의 방법도 있다. 이번 포스팅에서는 1, 2번 내용을 담아봤습니다~ 1. django bootstrap5 설치 (1) pip를 이용하여 설치 python -m pip install django-bootstrap5 (2) setting.py 추가 INSTALLED_APPS = ( # ... 'django_bootstrap5', # ... ) 2. compiled CSS and JS download (1) Bootstrap 공식 사이트에서 Compiled CSS and JS 파일을 download Down..
-
[Django] Bootstrap5 정의 및 적용하기1Programming/Django 2022. 8. 31. 12:36
Bootstrap이란? 트위터에서 사용하는 각종 레이아웃, 버튼, 입력창 등의 디자인을 CSS와 Javascript로 만들어 놓은 것이다. 부트스트랩은 전세계적으로 가장 많이 사용되는 오픈소스 CSS 프레임워크이다. 반응형 CSS 를 제공한다. Bootstrap 적용 방법 외부 스타일시트로 적용(jsDelivr) 소스 다운로드하여 로컬환경에 적용 1. 외부 스타일시트로 적용(jsDelivr) 부트스트랩의 이벤트에 반응하는 구조를 사용하기 위해서는 jQuery를 비롯한 몇몇 자바스크립트 라이브러리가 필요하다. 자바스크립트 라이브러리도 jsdelivr 링크를 통해 사용할 수 있다. integrity, crossorigin 속성은 암호화 데이터를 위한 보안 요소로 추가되었다. Bootstrap Check Po..