Nhóm đằng sau khung CSS phổ biến nhất Bootstrap đã phát hành phiên bản mới. Khi viết bài này, bản phát hành ổn định của Bootstrap 5 đã hết [các phiên bản] và có sẵn để sử dụng. Hãy cho chúng tôi xem những tính năng mới được giới thiệu này trong Bootstrap 5 là gì và sự khác biệt giữa Bootstrap 4 so với Bootstrap 5 là gì
Mặc dù có nhiều thay đổi cơ bản chẳng hạn như logo mới cho Bootstrap, chuyển sang Hugo từ Jekyll, trước tiên chúng tôi sẽ đề cập đến những khía cạnh ảnh hưởng đến các dự án phát triển web nhất
Có gì mới trong Bootstrap 5 dành cho nhà phát triển web
Như với bất kỳ thay đổi phiên bản chính nào, nhiều thứ đã thay đổi trong Bootstrap 5 so với Bootstrap 4. Dưới đây là danh sách những điểm khác biệt chính mà bạn cần lưu ý khi cập nhật các dự án cũ được xây dựng bằng Bootstrap 4 hoặc cũ hơn. Nếu bạn đang bắt đầu một dự án mới với Bootstrap 5 hoặc đang sử dụng các mẫu Bootstrap, thì việc ghi nhớ những thay đổi này sẽ giúp bạn đưa ra quyết định về việc chọn Bootstrap 5 thay vì Bootstrap 4
1. Vanilla JavaScript thay vì jQuery
Kể từ khi Bootstrap được giới thiệu, nó đã sử dụng jQuery như một phần phụ thuộc để cung cấp các tính năng động như mở rộng menu, băng chuyền, danh sách thả xuống, v.v. Tuy nhiên, sự phụ thuộc bắt buộc này vào jQuery không được nhiều nhà phát triển muốn sử dụng Bootstrap với các khung JavaScript hiện đại như React và Vue thích. js. Với Bootstrap 5, họ đã loại bỏ sự phụ thuộc này
Lưu ý rằng điều này không có nghĩa là không có sự phụ thuộc JavaScript trong Bootstrap 5. Các hành vi như thả xuống, thanh trượt, cửa sổ bật lên, v.v. trong Bootstrap 5 phụ thuộc vào Popper cũng như mô-đun JavaScript vani của riêng nó. Sẽ không có yêu cầu thêm jQuery. Nếu dự án của bạn phụ thuộc vào jQuery, bạn vẫn có thể thêm nó
2. Hỗ trợ trình duyệt – Đã xóa hỗ trợ IE 10 và 11
Với việc Microsoft chuyển hoàn toàn nỗ lực sang trình duyệt Edge, Internet Explorer đang nhanh chóng mất thị phần. Hơn nữa, Edge đã áp dụng công cụ crom nguồn mở cho phép nó có tất cả các tính năng JavaScript và CSS hiện đại ngang bằng với phiên bản Chrome và Firefox mới nhất. Vì điều này, nhóm Bootstrap đã bỏ hỗ trợ cho Internet Explorer, cho phép nó cung cấp một bộ tính năng hiện đại như biến CSS, JavaScript nhanh hơn và API tốt hơn
Đây là danh sách đầy đủ các trình duyệt mà Bootstrap 5 không còn hỗ trợ
- Đã bỏ Microsoft Edge Legacy
- Bỏ Internet Explorer 10 và 11
- Đã bỏ Firefox