작년 8 월 19 일은 부트 스트랩을위한 특별한 날이었습니다. 프로젝트의 4 주년뿐만 아니라 1 년간의 집중적 인 개발 후 Bootstrap 4의 내부 베타 버전이 출시 된 날이기도합니다. Bootstrap 4는 거의 모든 코드 라인을 포함하는 주요 업데이트입니다.
1. 새로운 기능
Bootstrap 4에는 너무 많은 주요 업데이트가 있으며이 기사는 모든 것을 다룰 수 없습니다. 다음은 많은 관심을 끌었던 몇 가지 하이라이트입니다.
Less에서 Sass로 마이그레이션 : Bootstrap은 이제 Sass 가족과 합류합니다. libsass 덕분에 부트 스트랩은 이전보다 빠르게 컴파일합니다.
그리드 시스템 개선 : 모바일 장치에 적응하고 시맨틱 믹싱을 재구성하기 위해 새로운 그리드 계층을 추가하십시오.
탄성 상자 모델 (Flexbox)의 선택을 지원합니다. 부울 변수가 수정되는 한 Flexbox의 장점을 빠르게 레이아웃 할 수 있습니다.
우물, 썸네일 및 패널이 버려지고 카드는 대신 사용됩니다. 카드는 새로운 개념이지만 우물, 썸네일 및 패널과 매우 유사하며 더 편리합니다.
모든 HTML 재설정 스타일 시트를 재부팅에 통합하십시오. Reboot은 Normalize.css를 사용할 수없는 곳에서 사용할 수 있습니다. 더 많은 옵션을 제공합니다. 예를 들어, Box-Sizing : Border-Box, 마진 조정 등은 별도의 SASS 파일에 저장됩니다.
새로운 사용자 정의 옵션 : 이전 버전과 같이 별도의 스타일 시트로 그라디언트, 페이드, 그림자 등과 같은 더 이상 별도의 효과가 없습니다. 대신 모든 옵션을 SASS 변수로 이동하십시오. 글로벌 또는 고려되지 않은 모서리에 대한 기본 효과를 정의하고 싶습니까? 매우 간단합니다. 변수 값을 업데이트하고 다시 컴파일하면됩니다.
IE8은 더 이상 REM 및 EM 장치를 사용하여 지원되지 않습니다. IE8에 대한 지원을 포기한다는 것은 개발자가 자신감을 갖는 CSS의 장점을 사용할 수 있으며 CSS 해킹 기술 또는 폴백 메커니즘을 연구 할 필요가 없음을 의미합니다. PX 장치 대신 REM 및 EM은 반응 형 레이아웃 및 구성 요소 크기 제어에 더 적합합니다. IE8을 지원하려면 Bootstrap 3 만 사용할 수 있습니다.
모든 JavaScript 플러그인을 다시 작성하십시오 : JavaScript의 새로운 기능을 활용하려면 Bootstrap 4는 모든 플러그인을 ES6으로 다시 작성합니다. 이제 우리는 UMD 지원, 일반 파열 방법, 옵션 유형 확인 및 기타 기능을 제공합니다.
툴팁 및 팝 오버 자동 포지셔닝을 향상시킵니다. 이 부분은 테더 도구의 도움 덕분입니다.
개선 된 문서 : 모든 문서는 Markdown 형식으로 다시 작성되며 편리한 플러그인 조직 예제 및 코드 스 니펫이 추가됩니다. 문서는 사용하기에 더 편리하며 검색 최적화 작업도 진행 중입니다.
더 많은 변경 사항 : 사용자 정의 양식 컨트롤, 빈 및 채우기 클래스를 지원하고 새로운 유틸리티 클래스 등을 포함합니다.
위의 업데이트는 빙산의 일각 일뿐입니다. V4 버전에는 1,100 개 이상의 커밋과 120,000 줄의 코드 업데이트가 있습니다. 이 업데이트는 V4-Alpha 문서에서 볼 수 있습니다.
2. 개발 계획
V4 버전의 모든 소스 코드는 Github의 V4-Dev 지점의 오픈 소스입니다. 또한 V4 개발 및 추적 PR이 있으며 마스터를 위해 개발 될 변경 목록 및 목록을 게시합니다. 이 프로젝트를 개선하기 위해 자신의 코드를 기여할 수 있습니다.
전반적인 개발 및 출시 계획은 다음과 같습니다.
지속적인 개선으로 여러 알파 버전도 출시 될 것입니다. 새로운 기능이 나면 두 가지 베타 버전이 출시 될 예정이며 새로운 기능은 전체 테스트를 위해 동결됩니다. 2 후보 버전은 생산 환경에서 사용할 수 있는지 테스트하기 위해 출시됩니다. 그리고 최종 버전이 출시됩니다.
Slack의 채널도 V4에 대해 구체적으로 설명하고 부트 스트레이퍼를 여기에 추가 할 수 있습니다.
3. 지원 v3
Bootstrap 3이 출시되면 Bootstrap은 버전 2.x에 대한 지원을 포기하여 많은 사용자에게 문제가 발생했으며 두 번째로 같은 실수가 발생하지 않습니다. 가까운 시일 내에 개발 팀은 V3 버그를 계속 수정하고 문서화를 개선 할 것입니다. V4가 마침내 출시 된 후 V3의 문서는 오프라인되지 않습니다.
4. 한 가지 더 ...
공무원은 부트 스트랩 4 알파를 출시하는 것 외에도 부트 스트랩 테마를 발표했습니다.
이 테마는 많은 에너지를 필요로하며 부트 스트랩 자체와 마찬가지로 많은 도구 세트 자체가 있습니다.
먼저 게시 된 주제에는 다중 사용 라이센스 프로토콜을 사용한 대시 보드, 응용 프로그램 및 마케팅이 포함됩니다.
더 많은 주제 정보를 보려면 여기를 클릭하십시오.
5. 피드백
1) 누군가 v3.5.5 (마지막 안정 버전)에서 bootstrap.min.css는 123kb이고 새로운 4.0.0alpha bootstrap.min.css에서는 축하 할 가치가 있다고 언급했습니다.
2) 누군가는 테이블-> 주문 기록과 같이 대시 보드 테마가 완전히 반응하지 않다고보고했습니다.
3) 부트 스트랩은 기본적으로 SASS 사용으로 변경되었으며, 이로 인해 광범위한 토론이 발생했습니다.
4) 일부 사람들은 또한 조직이 오래된 기술 (더 이상 IE8을 지원하지 않음)을 포기하고 새로운 기술 (ES6)으로 도서관을 다시 작성하려고한다고 말했다.
여전히 심도있게 공부하고 싶다면 여기를 클릭하여 3 가지 흥미로운 주제를 공부하고 첨부 할 수 있습니다.
부트 스트랩 학습 튜토리얼
부트 스트랩 실용 튜토리얼
부트 스트랩 플러그인 사용 튜토리얼
위는이 기사의 모든 내용입니다. 모든 사람의 학습에 도움이되기를 바랍니다. 모든 사람이 wulin.com을 더 지원하기를 바랍니다.