스크롤링 내비게이션바

내비게이션 바의 높이는 .py-3 등의 유틸리티로 내부 패딩을 늘려줌으로써 조정할 수도 있는데, 내비게이션 링크, 브랜드 및 여타 컨텐츠에서도 사용 가능하다 ← Css에서 px 단위로 직접 지정하는 방식으로 내비게이션 바의 높이를 늘려줄 수도 있다: .navbar{ min-height:80px; }

☞ 단, 이 동작에는 오버플로의 잠재적인 단점이 있다: (여기서 컨텐츠를 스크롤하는 데 필요한)overflow-y:auto; 값을 설정할 때 overflow-x는 auto와 동일하며, 따라서 일부 가로 컨텐츠가 잘릴 수 있다 ← 그런 연유로, 위 코드의 내비게이션 바는 .navbar-nav-scroll(& style="--bs-scroll-height:100px;")에 최적의 간격을 위한 추가 유틸리티도 함께 사용하였다!

---

➥ 스크롤은 기본적으로 75vh(혹은, 뷰포트 높이의 75%)에서 시작하지만, 사용자정의 스타일로 재정의해줄 수도 있다 ← 참고로, 더 큰 뷰포트에서 내비게이션 바가 확장될 때, 컨텐츠는 기본 내비게이션 바에서와 같은 모양으로 나타난다!