django 네비게이션바

 

 

 

 

 

아래처럼 사이트의 위치가 변경되어도 상위의 네비게이션바가 변경되지않게 하도록 추가해 볼것이다. 

 

 

 

 

기본적으로 html로 네비게이션바를 구성하고

아래처럼 집어넣고 그 사이에 html 태그들을 집어넣으면 네비게이션바가 생기게 된다. 

 

 

먼저 네비게이션바를 만들어보자. 

 

 

 

아래 사이트에 들어가면 

 

https://www.w3schools.com/bootstrap/bootstrap_ver.asp

W3Schools Free Online Web Tutorials

 

 

 

템플릿을 무료로 가져올 수 있다. 

 

옆의 네비게이션바를 들어가서 

 

 

 

아래처럼 사이트가 나온다. 스크롤내리면

 

 

 

색상으로 된 것을 가져와보자

 

 

아래 html을 모두 복사해서 가져와서 

 

 

 

 

 

 

 

 

 

nav.html로 만들어볼것이다. 빨간색 박스는 남겨두고 파란색박스는 색상별 템플릿이다. 가운데는 지워버리자. 그리고 색상을 보고 자신이 마음에 드는 파란박스만 남겨두면 된다 .

 

 

그럼 아래처럼 간단하게 남을것이다. 

 

 

여기서 링크 버튼과 extends지정을 해주자

 

 

 

 

 

그리고 지정하고 싶은 html로 가서 아래처럼 네비게이션바를 선언해주면 

 

 

 

 

 

 

아래처럼 추가가 된다!