Bootstrap 에서 응답 식 레이아웃 을 사용 하지 않 습 니 다.

Bootstrap 에서 매우 중요 한 기술 내용 은 바로 응답 식 구조 입 니 다.한 번 의 인 코딩 은 서로 다른 장치 단말기 의 강력 한 능력 에 따라 응답 식 기술 이 더욱 유행 합 니 다.
그러나 이른바'무 나 물 은 각자 좋아 하 는 것 이 있다'는 것 이다.만약 에 Bootstrap 을 사용 하여 자신의 프로젝트 를 개발 하려 고 하 는데 공교롭게도 응답 식 레이아웃 을 좋아 하지 않 는 다 면 다음 과 같은 방식 으로 응답 식 레이아웃 을 사용 하지 않 을 수 있다.
탭 제거
첫 번 째 단 계 를 사용 하지 않 으 려 면 헤드 탭 에 추 가 된 것 을 제거 해 야 합 니 다.

<meta name="viewport" content="width=device-width, initial-scale=1.0”>
이 탭 은 모 바 일 장치 에 웹 사 이 트 를 방문 할 때 크기 를 조정 하지 않 고 100%비율 로 모 바 일 장치 에 표시 하 는 역할 을 합 니 다.
너비 설정
두 번 째 단 계 를 사용 하지 않 습 니 다.container 류 에 폭 을 설정 하여 장치 너비 에 따라 자동 으로 조절 하 는 기능 을 덮어 씁 니 다.
예 를 들 어.container{width:980 px;}을 설정 할 수 있 습 니 다.원래 bootstrap 스타일 을 덮어 쓰 는 역할 을 하기 위해 서 는 사용자 정의 css 파일 을 bootstrap.css 파일 에 도입 하 는 것 이 좋 습 니 다.
메뉴 접 기 삭제
네 비게 이 션 표시 줄 을 사용 했다 면 메뉴 가 이동 단 에 있 는 접 이식 전개 식(주로 button 의 navbar-toggle 을 통 해 이 루어 집 니 다)을 삭제 하 는 것 에 주의해 야 합 니 다.
격자 배치
그 밖 에 격자 레이아웃 을 사용 했다 면.col-xs-*(최소 장치 격자 류)스타일 로.col-md-*및.col-lg-*를 대체 해 야 격자 가 모든 장치 에서 펼 쳐 질 수 있 도록 확보 할 수 있 습 니 다.
Bootstrap 은 다양한 화면 크기 에 맞 춰 페이지 를 조정 하여 각 사이즈 의 화면 에 잘 표현 하도록 자동 으로 도와 줍 니 다.이 비 응답 식 레이아웃 인 스 턴 스 페이지 처럼 이 기능 을 사용 하지 않 는 방법 을 보 여 줍 니 다.
위 에서 말 한 것 은 소 편 이 소개 한 Bootstrap 에서 응답 식 레이아웃 을 사용 하지 않 는 실현 방법 입 니 다.여러분 에 게 도움 이 되 기 를 바 랍 니 다.궁금 한 점 이 있 으 면 메 시 지 를 남 겨 주세요.소 편 은 제때에 답 해 드 리 겠 습 니 다.여기 서도 저희 사이트 에 대한 여러분 의 지지 에 감 사 드 립 니 다!

좋은 웹페이지 즐겨찾기