본문 바로가기

파이썬 & 장고/장고(Django)

Django 장고 내비게이션 기능 추가


# 질문 목록 화면에서 상단 내비게이션바 확인하기


# 부트스트랩이 제공하는 햄버거 메뉴 버튼 확인하기

브라우저의 너비를 줄여 확인

 


# 부트 스트랩에 필요한 파일 추가하기 -부트스트랩 자바스크립트 파일

 

부트스트랩 자바스크립트 파일 위치: bootstrap-4.5.3-dist.zip\bootstrap-4.5.3-dist\js\bootstrap.min.js
붙여 넣을 위치: C:\projects\mysite\static\bootstrap.min.js

 


#부트스트랩에 필요한 파일 추가하기 -제이쿼리

 

jquery.com/download에 접속하여 'Download the compressed, production jQuery 3.6.0' 링크를 마우스 오른쪽 버튼으로 누른 다음 '다른 이름으로 링크 저장'

 

Download jQuery | jQuery

link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download

jquery.com

붙여 넣을 위치: C:/projects/mysite/static/jquery-3.6.0.min.js


 

햄버거 메뉴 버튼을 누르면 나타나는 로그인 링크

 

 


include 기능으로 내비게이션 바 추가해 보기