JavaScript
[Bootstrap] 반응형 사이트 구축 프레임워크
hansulin922
2024. 9. 25. 17:07
반응형 모바일 사이트 구축 프레임워크 Bootstrap
https://getbootstrap.com/docs/5.0/getting-started/introduction/
BootStrap5 반응형
부트스트랩에서는 12개의 컬럼 구조를 사용할 수 있으며
6개의 화면크기와 관련된 옵션을 제공.
사용 가능한 중단점
Bootstrap에는 반응형 제작을 위해 grid tiers 라고 하는
6개의 Breakpoints가 있음
Breakpoint / Class infix / Dimensions
X-Small | None | <576px |
Small | sm | ≥576px |
Medium | md | ≥768px |
Large | lg | ≥992px |
Extra large | xl | ≥1200px |
Extra extra large | xxl | ≥1400px |