Bootstrap3과 Bootstrap4의 차이점에 대한 간략한 토론

이 글에서는 Bootstrap3과 Bootstrap4의 차이점을 소개합니다. 도움이 필요한 친구들이 모두 참고할 수 있기를 바랍니다.

Bootstrap3과 Bootstrap4의 차이점

Bootstrap3	Bootstrap4
적은 전처리	Sass 전처리
bootstrap3에는 4가지 유형의 래스터가 있습니다. 총 카테고리 순서: 초소형(col-xs-)( 소형(col-sm-)(>=768px) 중형(col-md-)(>= 992px ) Large(col-lg-) （>=1200px）	Bootstrap 4에는 순서대로 5가지 그리드 유형이 있습니다. Extra Small(col-) （ Small(col - sm-) (>=576px) medium (col-md-) (>=768px) large (col-lg-) (>=992px) extra Large (col-xl-) ( >=1200px)
bootstrap3의 그리드 시스템은 float 레이아웃 방법을 사용합니다	Bootstrap 4는 유연한 상자 모델(flexbox) 레이아웃 방법을 사용합니다
px를 단위로 사용합니다	rem과 em을 단위로 사용합니다( px를 사용하는 일부 여백 및 패딩 제외)

Bootstrap4 기능

• 새로운 그리드 레이어가 모바일 측에 적용됨

• ES6 새로운 기능의 포괄적인 소개(모든 JavaScript 플러그인 재작성) ;

• css 파일이 최소 40% 감소했습니다.

• Markdown 편집기로 다시 작성된 모든 문서는 IE9가 아닌 Internet Explorer 10 이상을 지원합니다(대부분 호환되지만 여전히 권장되지 않음).

• 더 많은 프로그래밍 관련 지식을 보려면

  프로그래밍 비디오
를 방문하세요! !

위 내용은 Bootstrap3과 Bootstrap4의 차이점에 대한 간략한 토론의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!