logo

Bootstrap4와 Bootstrap5 프레임워크의 차이점

Bootstrap은 반응형 웹 페이지와 온라인 앱을 개발하기 위한 무료 오픈 소스 도구 키트입니다. HTML, CSS 및 JavaScript 프레임워크를 사용하면 반응형 모바일 우선 웹사이트를 쉽게 만들 수 있습니다. 주요 목표는 브라우저 간 호환성 문제를 해결하는 것입니다. Bootstrap은 모든 화면 크기에 최적화된 모든 웹사이트의 핵심이며 모든 최신 브라우저에서 멋지게 보입니다.

Bootstrap 5에는 사용자 정의 양식 컨트롤이 포함되어 있습니다. Bootstrap 4의 양식 컨트롤은 각 브라우저에서 사용 가능한 사전 설정을 사용했습니다. Bootstrap 5의 양식 컨트롤은 맞춤형 디자인으로 인해 모든 브라우저에서 훨씬 더 일관된 모양과 느낌을 갖게 됩니다.

부트스트랩 5에서는 일부 클래스가 제거되었으며 이는 부트스트랩 4 버전에서 사용할 수 있습니다.

  • '행 형식'
  • '양식 인라인'
  • '목록 인라인'
  • '양식 인라인'

부트스트랩 5에서는 일부 클래스를 부트스트랩 4 버전에서 사용할 수 없습니다.

  • gx-* : 가로/열 홈통 너비
  • gy-* : 수직/행 홈통 너비
  • g-* : 수평 및 수직 홈통 너비
  • 행-열-자동

Bootstrap 4와 Bootstrap 5의 비교

특징 부트스트랩 4 버전 부트스트랩 5 버전
출시일 Bootstrap 4는 2018년 1월에 출시되었으며 이전 버전에 비해 상당한 발전을 이루었습니다. Bootstrap 5는 2021년 5월에 출시되었습니다. 이 버전은 알파 및 베타 릴리스를 여러 번 반복한 후에 출시되었으며 그 결과 수많은 중요한 추가 기능과 새로운 기능이 포함되었습니다.
연결