Django - (3)

이정인·2023년 5월 10일
0

Django_기말

목록 보기
3/11


# 부트스트랩 이용

  • 아래의 코드를 터미널 창에 입력해 부트스트랩을 설치한다.
pip install django-bootstrap4
  • settings.py 에 특정 라이브러리가 설치되었음을 명시하기위해 다음의 코드를 추가로 작성한다.
'bootstrap4',

  • login.html 파일의 상단에 다음의 코드를 추가해준다.
{% load bootstrap4 %}

이미 쓰여져 있는 코드 주석처리 단축키
: ctrl + /

  • login.html 파일에 기존에 있던 form을 삭제 / 주석 한 뒤 아래의 코드를 추가한다.
<!--                {{ form }}-->
                {% bootstrap_form form %}

  • 세부적인 내용들 수정
    -> 버튼 모양을 너비가 6인 알약 모양으로 바꿈.
  • 다음의 경로로 들어가서 확인한다.

어.... 제출 버튼이 알약모양으로 바뀌어야하는데 안바뀐다..왤까...왜지...뭐지...잘못쓴건 없는것같은데... 설치도 했는데 왤까요,,

  • create.html 파일에도 동일하게 적용한다.

# 폰트(font) 적용하기

  • 폰트 다운로드하기
    -> https://hangeul.naver.com/font

  • accountapp / static 에 fonts 라는 디렉토리 만들기

  • 사용할 폰트를 복사해 방금 만든 경로에 붙여넣기

  • templates / head.html 에 가서 추가해주기
    업로드중..

  • base 폰트로 적용하기
    -> base.html 파일로 이동해 다음의 코드 작성해주기.
    업로드중..
profile
둉이닝

0개의 댓글

관련 채용 정보