"부트스트랩 커스터마이즈"의 두 판 사이의 차이

15번째 줄: 15번째 줄:
| @screen-sm || 768px || 640px
| @screen-sm || 768px || 640px
|-
|-
| @screen-md || 992px || 840px
| @screen-md || 992px || 880px
|-
|-
| @container-tablet || (720px + @grid-gutter-width) || (600px + @grid-gutter-width)
| @container-tablet || (720px + @grid-gutter-width) || (600px + @grid-gutter-width)
|-
|-
| @container-desktop || (940px + @grid-gutter-width) || (800px + @grid-gutter-width)
| @container-desktop || (940px + @grid-gutter-width) || (820px + @grid-gutter-width)
|}
|}
*맨 아래 [Compile and Download] 클릭
*맨 아래 [Compile and Download] 클릭

2015년 7월 14일 (화) 22:53 판

1 개요

Bootstrap customize
부트스트랩 커스터마이즈

2 문제상황

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

3 방법

@ 원래값 새값
@screen-sm 768px 640px
@screen-md 992px 880px
@container-tablet (720px + @grid-gutter-width) (600px + @grid-gutter-width)
@container-desktop (940px + @grid-gutter-width) (820px + @grid-gutter-width)
  • 맨 아래 [Compile and Download] 클릭
  • bootstrap.zip 파일이 다운로드됨
  • 압축해제하고 설치하여 사용

4 같이 보기

5 참고 자료

문서 댓글 ({{ doc_comments.length }})
{{ comment.name }} {{ comment.created | snstime }}