브라우저에 글자가 화면 가운데로 위치하는 이유

안녕하세요 강사님. 재미있고 유익한 강의 덕분에 재미있게 공부하고 있습니다 :)

다름이 아니라 bootstrap navbar 적용하고 h2 태그로 hello vue3를 작성하였는데요. 강사님과는 다르게 아래 사진과 같이 글자가 위치하게 됩니다. 이때 navbar 도 가운데에 위치했는데 nav 태그의 class 에

fixed-top

설정을 붙여서 강제로 top 으로 올렸습니다.

왜 강사님과는 다르게 글자가 가운데에 위치하는지 질문 드립니다.

환경 정보는 다음과 같습니다.

root@0b9640433f40:/vue3/vue3-posts# npm list
vue3-posts@0.0.0 /vue3/vue3-posts
+-- @rushstack/eslint-patch@1.3.0
+-- @vitejs/plugin-vue@2.3.4
+-- @vue/eslint-config-prettier@7.1.0
+-- bootstrap-icons@1.8.1
+-- bootstrap@5.1.3
+-- eslint-plugin-vue@8.7.1
+-- eslint@8.41.0
+-- prettier@2.8.8
+-- vite@2.9.16
+-- vue@3.2.33
root@0b9640433f40:/vue3/vue3-posts# npm -v
9.5.1
root@0b9640433f40:/vue3/vue3-posts# node -v
v18.16.0

- 학습 관련 질문을 남겨주세요. 상세히 작성하면 더 좋아요!
- 먼저 유사한 질문이 있었는지 검색해보세요.
- 서로 예의를 지키며 존중하는 문화를 만들어가요.
- 잠깐! 인프런 서비스 운영 관련 문의는 1:1 문의하기를 이용해주세요.