NAV
-
나만의 홈페이지 만들기-09 [Nav&Footer&Profile]React 2023. 1. 18. 21:37
상단의 메뉴바에 몇개 메뉴를 추가해보자. 그리고, 이 메뉴는 컨텐츠 섹션이 움직일때에도 항상 고정되어 있게 해보도록 하자. 먼저 상단메뉴바는 layout.js 파일에 있으니 이곳을 아래처럼 수정한다. {' '} React Myweb Profile Service 1 Service 2 Service 3 All Services react bootstrap 에서 Nav 태그를 이용해서 메뉴를 추가한다. 그리고, fixed="top" props 를 이용하면, Nav 바가 브라우저에 고정되어 있게 된다. 이렇게 고정하게 되면 아래에 컨텐츠 페이지들이 겹쳐지는 문제가 생기는데, 이럴때 아래처럼 css 에 추가해주면 간단히 해결된다. body { padding-top: 70px; } Footer는 layout.js 페..