부트스트랩 4 알파 정보
반응형화 부트스트랩 4 알파본문
저도 반응형화 소모임에 점수 하나 추가합니다;; ㅎㅎ
부트스트랩 4 알파가 나왔다는 소식 보셨나요?
아래는 제 블로그에 쓴 글 그대로 카피해 와봅니다 허허허
--------------------------------------------------------------------------------------------------
2015년 8월 19일 (부트스트랩 탄생 4주년)에 릴리즈 된 부트스트랩 4 알파의 주요 특징을 소개합니다.
이번 부트스트랩 4 알파에서는 IE8 서포트 종료, Sass 사용, CSS의 단위를 rem과 em을 사용 등 꽤 변화가 있었습니다.
http://blog.getbootstrap.com/2015/08/19/bootstrap-4-alpha/
위 공식블로그에 주요 특징이 게재되어있어 대충 의역해 보았습니다.
– Less를 Sass로 변경
컴파일러에는 libSass를 사용
– 그리드 시스템 개선
모바일디바이스에 더 나은 새로운 그리드 시스템을 더해 mixins을 총 점검했습니다.
– 옵트 인으로 Flexbox 지원
Flexbox기반의 레이아웃 및 컴포넌트가 이용 가능
– 새로운 컴퍼넌트 「Card」
Card는 well, thumbnail, panel을 대신할 수 있는 부트스트랩의 새로운 컴퍼넌트로, 더 사용하기 쉽도록 개선
– HTML 리셋은 새로운 모듈에 통합
Normalize.css를 어디서 중단할 것인지가 리부팅 단계에서 하나의 Sass파일로 전부 관리 합니다.
– 새로운 커스터마이즈가 가능한 옵션
그라데이션, 트랜지션, 새도우 등 v3처럼 다른 스타일시트로 하는 것이 아니라, Sass의 변수로 커스터마이즈 가능하도록 했습니다.
– IE8의 지원 종료, rem과 em을 사용
IE8은 CSS의 여러 좋은 효과들을 사용할 수 없어서 지원을 종료합니다. 사이즈의 단위는 px이 아니라 rem과 em으로 변경합니다.
만약 IE8의 대응이 필요한 경우에는 부트스트랩3을 이용하십시오.
– JavaScript의 플러그인을 수정했습니다.
모든 플러그인은 JavaScript의 새로운 확장을 이용하기 위해 ECS6로 수정되었습니다.
– 툴 팁의 자동 배치를 개선
Tether로 불리는 툴로 툴 팁을 개선했습니다.
– 도큐멘트의 개선
도큐멘트는 모두 Markdown으로 수정되었습니다.
– 그 외
폼 컨트롤, 마진과 패딩 class, 새로운 유틸리티의 class, 그 밖에 많은 변경이 포함되어 있습니다.
CSS의 사이즈의 지정단위는 아래 사이트를 참고하실 수 있습니다.
– http://www.w3schools.com/cssref/css_units.asp
– http://somgle.tistory.com/92
Bootstrap v4 alpha는 아래 페이지에서 다운로드 할 수 있습니다.
http://v4-alpha.getbootstrap.com/
1