Tiếp theo → ← Prev
Sự khác biệt giữa khung Bootstrap4 và Bootstrap5
Bootstrap là một bộ công cụ miễn phí và nguồn mở để phát triển các trang web đáp ứng và ứng dụng trực tuyến. HTML, CSS và Khung JavaScript giúp việc tạo các trang web trực tiếp, đầu tiên đáp ứng. Mục tiêu chính của nó là giải quyết vấn đề tương thích trình duyệt chéo. Bootstrap là trung tâm của bất kỳ trang web nào được tối ưu hóa cho tất cả các kích thước màn hình và trông tuyệt vời trong tất cả các trình duyệt hiện đại.
Bootstrap 5 bao gồm các điều khiển biểu mẫu tùy chỉnh. Các điều khiển biểu mẫu của Bootstrap 4 đã sử dụng bất kỳ cài đặt trước nào có sẵn trong mỗi trình duyệt. Các điều khiển biểu mẫu trong Bootstrap 5 sẽ có vẻ ngoài phù hợp hơn đáng kể và cảm nhận trên tất cả các trình duyệt do thiết kế tùy chỉnh của chúng.
Trong Bootstrap 5, một số lớp loại bỏ, có sẵn trong phiên bản Bootstrap 4.
- một "biểu mẫu hàng"
- một "hình thức nội tuyến"
- một "danh sách nội tuyến"
- một "hình thức nội tuyến"
một "danh sách nội tuyến"
- Trong Bootstrap 5, một số lớp không có sẵn trong phiên bản Bootstrap 4.
- GX-*: Chiều rộng máng xối ngang/cột
- Gy-*: Chiều rộng của hàng dọc/hàng
- rows-cols-auto
Phiên bản Bootstrap 5 | Ngày phát hành | Bootstrap 4 đã được phát hành vào tháng 1 năm 2018 và nó đã đánh dấu một bước tiến đáng kể so với các phiên bản trước. |
Bootstrap 5 đã được phát hành vào tháng 5 năm 2021. Phiên bản này xuất hiện sau nhiều lần lặp lại của các bản phát hành alpha và beta, và kết quả là, nó có một loạt các bổ sung quan trọng và các tính năng mới. | Liên kết | Liên kết |
Grid System | Hệ thống lưới điện | Bootstrap 4 có năm cấp độ: XS, SM, MD, LG và XL. |
Bootstrap 5 có sáu cấp độ: XS, SM, MD, LG, XL và XXL. | JQuery Plug-in | Bootstrap 4 bao gồm jQuery và tất cả các plugin liên quan. |
JQuery đã bị xóa và thay thế bằng vani JS và một số trình cắm chức năng trong Bootstrap 5. | Màu sắc | Bootstrap 4 cung cấp một vài màu cho một trang web. |
Màu sắc bổ sung chèn vào vẻ ngoài, và bảng màu của thẻ được nâng cấp. Có nhiều màu sắc để chọn từ khung Bootstrap 5. | Trình duyệt web IE | Bootstrap 4 tương thích với cả Internet Explorer 10 và 11. |
Bootstrap 5 không hỗ trợ Internet Explorer 10 và 11. | Các yếu tố của hình thức | Các nút radio và hộp kiểm xuất hiện khác nhau trong các hệ điều hành và trình duyệt khác nhau. Biểu mẫu tận dụng bất kỳ tính năng trình duyệt cơ bản nào có sẵn. |
Sự xuất hiện của các yếu tố biểu mẫu sẽ không thay đổi trong khi sử dụng một hệ điều hành hoặc trình duyệt khác. Các biểu mẫu thay thế và thêm các điều khiển biểu mẫu; Họ không phụ thuộc vào trình duyệt. | API cho các tiện ích | Chúng tôi không thể thay đổi các tiện ích trong Bootstrap 4. |
Bootstrap 5 cung cấp cho chúng tôi khả năng điều chỉnh và phát triển tiện ích của chúng tôi. | Sử dụng một máng xối. | Bootstrap 4 sử dụng Glutter trong kích thước phông chữ PX. |
Sử dụng .g* với kích thước phông chữ được đặt thành REM trong Bootstrap 5. | Các nhóm dọc | Các cột có thể được định vị so với nhau. |
Các cột không thể được định vị so với nhau. | Biểu tượng cho bootstrap | Bootstrap 4 thiếu các biểu tượng SVG; Chúng ta phải dựa vào Font-Wayese cho các biểu tượng. |
Bootstrap 5 có bộ biểu tượng SVG riêng. | Jumbotron | Bootstrap 4 tương thích với Jumbotron. |
Nó không tương thích với Jumbotron. | bộ bài | Sàn thẻ được sử dụng để tạo ra một bản phát hành thẻ có cùng chiều rộng và chiều cao. |
Lớp sàn thẻ đã được loại bỏ khỏi bootstrap. | Thanh điều khiển | Chúng tôi có thuộc tính khối nội tuyến và danh sách thả xuống trắng sẽ là mặc định cho lớp thả xuống-Dark-Dark. |
Thuộc tính khối nội tuyến đã bị xóa và lớp thả xuống-Dark hiện có một bản thả xuống màu đen là mặc định. | Máy phát các trang web tĩnh | Bootstrap 4 sử dụng phần mềm Jekyll. |
Bootstrap 5 sử dụng một trình tạo tĩnh nhanh là Hugo. | Lưới Flexbox | Nó làm cho các thiết kế dọc dễ dàng hơn để xây dựng, và các cột và hàng có thể được thực hiện một cách đơn giản. Các lớp nội dung trung tâm sử dụng trực tiếp để căn chỉnh theo yêu cầu. |
Một hệ thống lưới phức tạp hơn được cung cấp và các cột không có vị trí tương đối. | Khả năng sử dụng CSS | Bootstrap 4 sử dụng ít thuộc tính CSS hơn. |
Bootstrap 4 sử dụng nhiều thuộc tính CSS hơn. | Thành phần OffCanvas | Không có yếu tố off-canvas. |
Thành phần OffCanvas hiện có sẵn. | hỗ trợ RTL | Ngôn ngữ không bật chuyển đổi RTL [phải sang trái]. |
Nó cho phép chuyển đổi ngôn ngữ RTL [phải sang trái].
Sự kết luận
Có nhiều điểm tương đồng và khác biệt trong cả hai khung Bootstrap. Bootstrap 4 và Bootstrap 4 có chức năng của chúng. Bootstrap 5 là phiên bản nâng cao của Frameworks Bootstrap 4. Chúng tôi có thể chọn phiên bản theo yêu cầu và tính khả dụng của các chức năng.Bootstrap 5 Containers
Chủ đề tiếp theo Bootstrap 5 Container