bootstrap 사용 및 기존 form 비교

[In Yeong Hong]

bootstrap4 를 사용하며 변화되는 것을 관찰, 공식문서를 탐구하며 참고

• django 공식문서 페이지

django 에서 bootstrap을 사용하게 되면서 따로 기록해두고 싶어서 설치과정부터 적어본다.

• 터미널에서 django의 bootstarp을 설치해준다.

pip install django-bootstrap4

• settings.py 의 installed app에 라이브러리를 추가해준다.

• 기존에 사용하고 싶은 곳에서 load 해주고, 사용하면 끝이다.

{% load bootstrap4 %}  # 로드해줌

{% bootstrap_form form %} # form 적용

• 하지만 여기서 bootstrap의 css 를 불러와야 한다. 별도의 base.html으로 받아오는 로직이 아닌 create자체에서 사용하기 때문이다!!!

{% bootstrap_css %}

• 그리고 별도의 css로 클래스를 빼주지 않고, 바로 작성해줬다.

• 적용전,적용후의 모습은 다음과 같다 (아름답다)

[In Yeong Hong]

End issue.