<commit_before><!--
{
    "id": 4101,
    "title": "그리드 시스템(Grid System)",
    "outline": "부트스트랩은 디바이스 또는 뷰포트의 크기 증가에 따라 12개 컬럼을 적절하게 확장하는 모바일 중심의 유연한 그리드 시스템을 가지고 있다. ",
    "tags": ["widget", "base"],
    "section": "Base",
    "order": [4, 1, 1],
    "thumbnail": "4.1.01.grid-system.png"
}
-->

# 그리드 시스템(Grid system)

부트스트랩은 디바이스 또는 뷰포트 크기가 증가함에 따라 12개의 컬럼이 적절하게 확대되는 반응형, 모바일 중심의 유연한 그리드 시스템을 가지고 있다.

## 그리드 기본 옵션
스크린 크기별로 사용하는 그리드 시스템 옵션 정보

|스마트폰 (< 768px) | 태블릿 (≥ 768px)  | 데스크탑 (≥ 992px)  | 데스크탑(≥1200px)
:-- | :-- | :-- | :-- | :--
그리드 변화 | 항상 수평 | Breakpoint 이상이면 수평 | Breakpoint 이상이면 수평 | Breakpoint 이상이면 수평
컨테이너 최대폭 |auto | 750px | 970px | 1170px
클래스 접두사 | .`col-xs-` | `.col-sm-` | `.col-md-` | `.col-lg-`
컬럼의 개수 | 12 | 12 | 12 | 12
컬럼의 최대폭 | Auto | 60px | 78px | 95px
여백의 폭 | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px)
Nestable | O | O | O | O
오프셋 | X | O | O | O
컬럼 순서 | X | O | O | O<commit_msg>그리드 시스템 문서 업데이트: outline 문구 수정<commit_after><!--
{
    "id": 4101,
    "title": "그리드 시스템(Grid System)",
    "outline": "부트스트랩은 디바이스 또는 뷰포트 크기가 증가함에 따라 12개의 컬럼이 적절하게 확대되는 반응형, 모바일 중심의 유연한 그리드 시스템을 가지고 있다.",
    "tags": ["widget", "base"],
    "section": "Base",
    "order": [4, 1, 1],
    "thumbnail": "4.1.01.grid-system.png"
}
-->

# 그리드 시스템(Grid system)

부트스트랩은 디바이스 또는 뷰포트 크기가 증가함에 따라 12개의 컬럼이 적절하게 확대되는 반응형, 모바일 중심의 유연한 그리드 시스템을 가지고 있다.

## 그리드 기본 옵션
스크린 크기별로 사용하는 그리드 시스템 옵션 정보

|스마트폰 (< 768px) | 태블릿 (≥ 768px)  | 데스크탑 (≥ 992px)  | 데스크탑(≥1200px)
:-- | :-- | :-- | :-- | :--
그리드 변화 | 항상 수평 | Breakpoint 이상이면 수평 | Breakpoint 이상이면 수평 | Breakpoint 이상이면 수평
컨테이너 최대폭 |auto | 750px | 970px | 1170px
클래스 접두사 | .`col-xs-` | `.col-sm-` | `.col-md-` | `.col-lg-`
컬럼의 개수 | 12 | 12 | 12 | 12
컬럼의 최대폭 | Auto | 60px | 78px | 95px
여백의 폭 | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px) | 30px( 컬럼의 좌우 여백 15px)
Nestable | O | O | O | O
오프셋 | X | O | O | O
컬럼 순서 | X | O | O | O
{'fraction_non_alphanumeric': 0.17698209718670077, 'fraction_numerical': 0.06956521739130435, 'mean_word_length': 2.5370705244122966, 'pattern_counts': {'":': 14, '<': 7, '<?xml version=': 0, '>': 5, 'https://': 0, 'lorem ipsum': 0, 'www.': 0, 'xml': 0}, 'pii_count': 0, 'substrings_counts': 0, 'word_list_counts': {'cursed_substrings.json': 0, 'profanity_word_list.json': 0, 'sexual_word_list.json': 0, 'zh_pornsignals.json': 0}}
{'dir': 'git-commits-cleaned', 'id': '2267037', 'n_tokens_mistral': 1541, 'n_tokens_neox': 1809, 'n_words': 312}