[ Django ] Django-bootstrap4 설치하기

2021. 3. 24. 10:08·Archive/Develop
728x90
반응형

 

 

장고에서 기본적으로 적용해주는 form을 이용해 코드를 작성했는데,

 

아래 그림과 같이 나왔다.

 

 

 

 

 

 

 

 

내가 form 을 사용한 부분은 Login 부분인데,

디자인을 좀 신경써줘야겠다.

 

 

 

이번 포스팅은 django-bootstrap4 라이브러리를 설치하고,

사용하는 방법에 대해서 다뤄보겠다.

 

 

 

 

 

 

django-bootstrap4.readthedocs.io/en/latest/installation.html

 

Installation — django-bootstrap4 2.0.2 documentation

© Copyright 2020, Dylan Verheul Revision 8c7d5e3c.

django-bootstrap4.readthedocs.io

 

 

 

위 링크로 들어가면, 더 자세한 설명이 나와있으니 참고하면 좋을 것 같다.

 

 

 

Django-bootstrap4 설치

 

 

 

 

 

우선 터미널에 아래 명령어를 입력해 django-bootstrap4를 설치해준다.

 

 

 

pip install django-bootstrap4

 

 

 

 

 

 

위와 같이 성공적으로 설치된 것을 확인할 수 있다.

 

 

 

 

 

settings.py 설정

 

 

라이브러리를 설치했으면,

settings.py 파일에서 이 라이브러리가 설치되었다고 알려줘야한다.

 

 

 

 

 

 

 

INSTALLED_APP 에 우리가 다운받은 라이브러리를 추가해준다.

 

 

 

 

 

 

 

 

bootstrap4 라는 이름으로 추가해주면 된다.

 

 

 

 

 

bootstrap4 사용

 

 

 

부트스트랩 라이브러리를 사용하고 싶은 페이지 상단에

 

{% load bootstrap4 %}

 

 

구문을 추가한다.

 

 

 

 

본래 장고에서 기본 적용하는 form 은 {{ form }} 의 형식대로 쓰여지는데,

 

django-bootstrap4 라이브러리를 사용하기 위해서는

{{ form }}을

 

{% bootstrap_form form %}

 

 

이렇게 바꿔서 표현해주면 된다.

 

 

 

 

 

 

 

 

 

적용 완료!

 

 

 

 

 

728x90
반응형

'Archive > Develop' 카테고리의 다른 글

[ CodeUp ] Python 함수 | 1527 번 풀이  (0) 2021.03.24
[ CodeUp ] Python 함수 | 1526 번 풀이  (0) 2021.03.24
[ C++ ] C++ 객체란? | 클래스 만들기 | 생성자 & 소멸자 | 인라인(inline) 함수  (1) 2021.03.23
[ Django ] DB 연동(makemigrations, migrate)  (0) 2021.03.22
Numpy 라이브러리 활용하기 (배열 연산)  (0) 2021.03.22
'Archive/Develop' 카테고리의 다른 글
  • [ CodeUp ] Python 함수 | 1527 번 풀이
  • [ CodeUp ] Python 함수 | 1526 번 풀이
  • [ C++ ] C++ 객체란? | 클래스 만들기 | 생성자 & 소멸자 | 인라인(inline) 함수
  • [ Django ] DB 연동(makemigrations, migrate)
코뮤(commu)
코뮤(commu)
코딩으로 커뮤니케이션하는 코뮤입니다 😎
  • 코뮤(commu)
    코뮤(COMMU)
    코뮤(commu)
  • 전체
    오늘
    어제
    • 분류 전체보기
      • Archive
        • Hacking
        • Develop
        • ETC
      • Algorithm
      • DB&Infra
      • ETC
      • Node
  • 블로그 메뉴

    • 홈
    • 태그
    • 방명록
  • 링크

    • IT지식보따리
    • IT가 맛있다
    • IT 천재
  • 공지사항

    • 배고픕니다
  • 인기 글

  • 태그

    Git
    코드업 파이썬 기초 100제
    코드업
    oracle db
    자바스크립트
    파이썬
    javascript
    Codeup
    백준 풀이
    파이썬 기초
    장고
    백준 문제풀이
    백준 파이썬
    보안뉴스
    백준
    Python
    파이썬 백준
    Django
    비박스
    Oracle
    파이썬 문제
    파이썬 알고리즘
    자바스크립트 객체
    오라클
    코드업 기초
    docker
    파이썬 기초 문제
    자바스크립트 API
    C++
    카카오 100일 프로젝트
  • 최근 댓글

  • 최근 글

  • hELLO· Designed By정상우.v4.10.1
코뮤(commu)
[ Django ] Django-bootstrap4 설치하기
상단으로

티스토리툴바