편집
2,431
번
바뀜
→Media queries
customize Bootstrap 하기 위해 여러 방법이 있다. Your best path는 your project, your build tools의 복잡성, 사용중인 Bootstrap 버전, browser support', and more. 에 depend on 할 수 있다.
=== [https://ko.wikipedia.org/wiki/Sass_(스타일시트_언어) Sass ]===
our source Sass files을 활용해라. variables, maps, mixins, and functions 의 이점을 이용해서 build를 빠르게 하고 project customize를 돕기 위해서.
Syntactically Awesome Style Sheets의 약자로, '문법적으로 멋진 스타일 시트’라는 뜻입니다. 일종의 [[CSS ]] 확장언어이다. variables, maps, mixins, functions을 지원해하고 컴파일해서 사용하는 듯 하다.
==== File structure ====
==== Available breakpoints ====
{| class="wikitable"
!Breakpoint
|≥1400px
|}
{| class="wikitable"
|+
!scss/_variables.scss
|-
|<syntaxhighlight lang="css">
$grid-breakpoints: (
xs: 0,
sm: 576px,
md: 768px,
lg: 992px,
xl: 1200px,
xxl: 1400px
);
</syntaxhighlight>
|}
====[[CSS#미디어 쿼리|Media queries]]====
Since Bootstrap is developed to be mobile first, we use a handful of [[Media query|media queries]] to create sensible breakpoints for our layouts and interfaces.
== Content ==