바뀜

← 이전 편집

Bootstrap

1,468 바이트 추가됨, 2023년 12월 1일 (금) 01:21

→‎Media queries

* initial-scale: 페이지가 처음 로드되었을 때 줌 레벨 (0.1~10, default: 1)

lang: https://developer.mozilla.org/ko/docs/Web/HTML/Global_attributes/lang, 번역기 등에서 이 태그를 사용하는 것 같다.

==== Important globals ====

</syntaxhighlight>

===== Box-sizing =====

CSS에서 더 올바른 sizing을 위해서, ...

== Customize ==

Learn how to theme, customize, and extend Bootstrap with Sass, a boatload (다양한) of global options, an expansive (광범위한) color system, and more. === Overview ===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를 돕기 위해서.

~~=== Sass ===Utilize our source Sass files to take advantage of~~ Syntactically Awesome Style Sheets의 약자로, '문법적으로 멋진 스타일 시트’라는 뜻입니다. 일종의 [[CSS]] 확장언어이다. variables, maps, mixins, ~~and functions to help you build faster and customize your project~~functions을 지원해하고 컴파일해서 사용하는 듯 하다.

==== File structure ====

어떤 때라도 가능한, 부트스트랩의 core files 수정을 피해라. scss를 수정해서 쓰라는 소리인 듯.<syntaxhighlight lang="text">

your-project/

├── scss

Breakpoints are customizable widths that determine how your responsive layout behaves across device or viewport sizes in Bootstrap.

~~뷰포트나 장치의 크기에서 레이아웃이 적응할 수 있는 너비이다~~브레이크 포인트는 customizable widths이다. your responsive layout behaves(작동들)가 어떻게 작동할지 결정하는. 부트스트랩에서 디바이스나 viewport sizes 사이에서.

==== Core concepts ====

* ~~Breakpoints are the~~ Breakpoints는 responsive design의 building ~~blocks of responsive design~~blocks이다.* ~~Use~~ your CSS를 설계하기 위해서 media queries ~~to architect your CSS~~ 사용해라. breakpoint 써서(by ~~breakpoint.~~)* Mobile first, responsive ~~design is the goal~~design은 goal이다.

==== Available breakpoints ====

~~These breakpoints can be customized~~ 이 breakpoints는 customized할 수 있다. if you’re using our source [[Bootstrap#Sass |Sass]] files.

{| 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.

미디어 쿼리로 breakpoint를 만들 수 있다.

== Content ==

== Forms ==

== Components ==

== Helpers ==

== Utilities ==

===Text = ~~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.~~

Jhkim

사무관, 관리자

편집

2,431

번

wwiki β

바뀜

Bootstrap

wwiki ^β