웹 개발 프레임워크인 부트스트랩의 최신 버전인 부트스트랩 4(Bootstrap 4)을 사용하면서 상단의 네비게이션 바(navbar)를 고정하려 하는데 이전 코드를 사용하게 되면 상단 고정이 동작하지 않는 것을 확인할 수 있습니다.
아래와 같이 기존 코드를 사용하려고 할 때 Bootstrap 4에서는 동작하지 않을 것입니다.
<nav class="navbar navbar-fixed-top"> <!-- 네비게이션 바의 콘텐츠 --> </nav>
Stack Overflow를 살펴보니 다음과 같은 응답이 있습니다.
Bootstrap 4 부터는 .navbar-fixed-top 을 사용하지 않고 .fixed-top 을 사용한다고 합니다. 부트스트랩 4 공식 문서에도 다음 내용이 있었습니다.
따라서 네비게이션 바를 상단에 고정하고 싶을 때는 다음과 같이 코드를 구성하면 됩니다.
<nav class="navbar fixed-top navbar-light bg-light"> <!-- 네비게이션 바의 콘텐츠 --> </nav>
리눅스 명령어 - kill, killall 리눅스 kill 명령어는 특정 프로세스를 종료해주는 명령어입니다. 백그라운드에서 실행되고 있는…
JavaScript는 역사가 긴 스크립트 프로그래밍 언어입니다. 세월이 흐르면서 많은 자바스크립트 표준이 만들어졌고, 현재는 많은 문법적…
NodeJS 테스트 프레임워크인 Mocha는 비동기 테스트를 지원합니다. 간혹 특정 테스트 스크립트를 작성하고 실행하면 아래와 같이…
언제부턴가 윈도우 11을 처음 설치할 때 마이크로소프트(Microsoft) 계정 로그인을 강제로 요구하게 되었습니다. 물론 마이크로소프트 계정이…
애플 에어팟 프로 2 (AirPods Pro 2) 케이스에는 스피커가 내장되어 있습니다. 그런데 간혹 아무 것도…