부트스트랩 커스터마이즈

1 개요

Bootstrap customize

부트스트랩 커스터마이즈

2 문제상황

• 맥북에어 11인치에서 화면을 반으로 분할했을 때 웹페이지 영역이 667px이 되는데, 768px보다 좁으므로 한줄로 표현되어 불편

3 방법

• http://getbootstrap.com/customize/ 접속
• 원하는 값으로 수정
• 아래는 권장 변경값

@	원래값	새값
@screen-sm	768px	640px
@screen-md	992px	880px
@container-tablet	(720px + @grid-gutter-width)	(600px + @grid-gutter-width)
@container-desktop	(940px + @grid-gutter-width)	(830px + @grid-gutter-width)

• 맨 아래 [Compile and Download] 클릭
• bootstrap.zip 파일이 다운로드됨
• 압축해제하고 설치하여 사용

4 같이 보기

• 부트스트랩 그리드 480px 분기

5 참고

• http://getbootstrap.com/customize/