올바른 용어를 모르지만이 사이트 인 bit.ly/cosi236b를 보면 브라우저 창이 더 좁아지면서, 어떤 시점에서 오른쪽 탐색 막대가 너비를 수용하기 위해 바닥으로 점프합니다. 나는 폭을 결정하는 매개 변수 또는 CSS를 찾고 있었는데 점프하기 전에 메인 페이지를 좀 더 좁히기를 원했기 때문입니다. 감사!트위터 부트 스트랩이 '좁은'모드로 전환하기로 결정했을 때 제어
0
A
답변
2
부트 스트랩은 CSS 미디어 쿼리를 사용하여이를 제어합니다.
지금은 사이트가 992 픽셀 중단 점 (레이아웃이 변경되는 지점)을 사용하는 col-md-*
클래스를 사용하고 있습니다. 스태킹 전에 폭이 좁아 지도록하려면 col-md-9
및 col-md-3
을 col-sm-9
및 col-sm-3
으로 변경하여 축소/스태킹이 768 픽셀이되지 않도록해야합니다. 당신이 colums 이제까지 쌓아하지 않으려면
당신은 col-xs-*
클래스를 사용하십시오 (사이드 바 콘텐츠 이하로 떨어지지 않도록).
관련 문제
- 1. 트위터 부트 스트랩이 자바 스크립트
- 2. 트위터 부트 스트랩이 가로 스크롤을 숨 깁니다.
- 3. 블레이드를 사용하는 트위터 부트 스트랩이 잘못 되었습니까?
- 4. 트위터 부트 스트랩이 툴팁을 사용하여 html5를 준수합니다.
- 5. 트위터 부트 스트랩이 템플릿에 표시되지 않습니다.
- 6. 트위터 부트 스트랩이 레일에서 작동하지 않습니다.
- 7. 트위터 부트 스트랩이 표시되지 않음 이벤트가 발생했습니다.
- 8. 트위터 부트 스트랩이 빈 공간을 생성했습니다.
- 9. 트위터 부트 스트랩이 반응이 좋지 않습니다.
- 10. 트위터 부트 스트랩이 모바일 친화적이지 않습니다
- 11. 트위터 부트 스트랩이 표의 호버 배경색을 꺼냅니다.
- 12. 트위터 부트 스트랩이 입력 너비가 잘못되었습니다.
- 13. 트위터 부트 스트랩이 내 스타일 시트와 충돌합니다
- 14. 부트 스트랩이 -
- 15. 부트 스트랩이
- 16. 부트 스트랩이 JQTree
- 17. 레일에 CSS와 부트 스트랩이 있습니다.
- 18. 레일 부트 스트랩이 손상됨
- 19. 트위터 부트 스트랩은 - 수직 제어 그룹
- 20. 트위터 부트 스트랩 및 제어 그룹의 범위
- 21. 부트 스트랩이 응답하지 않습니다
- 22. 트위터 부트 스트랩이 마크 업을 통해 플러그인을 연결하는 방법은 무엇입니까?
- 23. Internet Explorer 8에서 트위터 부트 스트랩이 작동하지 않습니다.
- 24. 트위터 부트 스트랩이 버튼에 대한 커스텀 CSS를 오버라이드하는 것을 막으십시오.
- 25. 레일즈 트위터 부트 스트랩이 이미지를 잘 배경으로 변경합니다.
- 26. 트위터 부트 스트랩이 앵커 태그와 함께 작동하지 않음
- 27. 부트 스트랩이 내 파일에 추가되었을 때
- 28. 업로드 할 때 부트 스트랩이 작동하지 않습니다.
- 29. 텍스트가 굵을 때 부트 스트랩이 끊어짐
- 30. 부트 스트랩이 반응하지 않음
문서 읽기 : http://getbootstrap.com/css/#grid – pbenard