컨테이너의 너비를 고정하고 첫 번째 그리드 시스템 계층을 사용하여 부트스트랩의 응답성을 비활성화합니다. 자세한 내용 은 설명서 를 읽으십시오.
<meta name="viewport" content="width=device-width, initial-scale=1">모바일 장치에서 사이트의 확대/축소 측면을 비활성화하는 가 없습니다 . 또한 컨테이너의 너비를 재설정하고 탐색 모음을 변경하여 접는 것을 방지했으며 기본적으로 잘 작동합니다.
참고로 navbar 구성 요소는 표시 스타일이 다소 구체적이고 세부적이라는 점에서 여기에서 다소 까다롭습니다. 데스크탑 스타일 디스플레이가 원하는 만큼 성능이 좋지 않거나 매끄럽지 않도록 재정의합니다. navbar를 사용할 때 이 예제를 기반으로 빌드할 때 잠재적인 문제가 있을 수 있다는 점에 유의하십시오.
반응하지 않는 레이아웃은 고정 요소의 주요 단점을 강조합니다. 고정 탐색 모음과 같은 고정 구성 요소는 표시 영역이 페이지 콘텐츠보다 좁아지면 스크롤할 수 없습니다. 즉, 응답하지 않는 컨테이너 너비가 970px이고 뷰포트가 800px인 경우 잠재적으로 170px의 콘텐츠를 숨길 수 있습니다.
기본 브라우저 동작이므로 이 문제를 해결할 방법이 없습니다. 유일한 해결책은 반응형 레이아웃 또는 고정되지 않은 요소를 사용하는 것입니다.