부트스트랩 4 알파 > 반응형

반응형

부트스트랩 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://pxtoem.com/

http://www.w3schools.com/cssref/css_units.asp

http://somgle.tistory.com/92

 

Bootstrap v4 alpha는 아래 페이지에서 다운로드 할 수 있습니다.

 

http://v4-alpha.getbootstrap.com/

 

 

추천
1

댓글 1개

전체 41 |RSS
반응형 내용 검색

회원로그인

진행중 포인트경매

  1. 참여5 회 시작24.04.19 15:40 종료24.04.26 15:40
(주)에스아이알소프트 / 대표:홍석명 / (06211) 서울특별시 강남구 역삼동 707-34 한신인터밸리24 서관 1404호 / E-Mail: admin@sir.kr
사업자등록번호: 217-81-36347 / 통신판매업신고번호:2014-서울강남-02098호 / 개인정보보호책임자:김민섭(minsup@sir.kr)
© SIRSOFT