Những điều bạn cần biết về Bootstrap 5. Tổng quan
Vì vậy, trước tiên, Bootstrap đã giải quyết hầu hết các vấn đề với thư viện của bên thứ ba và cũng thực hiện một số thay đổi lớn. Điều này xảy ra ngay trước khi phát hành bản beta cuối cùng [có thể được nâng cấp lên ổn định] và mọi thứ có vẻ khá tốt cho đến nay. Dưới đây là danh sách nhanh các bản cập nhật chính nhất sẽ quan trọng với bạn, nhưng cũng có nhiều bản cập nhật khác.
- Hỗ trợ RTL
- Cập nhật hệ thống lưới
- Biểu mẫu cải tiến
- Không có jQuery
- Không hỗ trợ IE10 và IE11
- Kích thước phông chữ đáp ứng
- Bootstrap 5 Beta 2. Bản tóm tắt
Và trước khi chúng ta đi xa hơn, đây là điều cần lưu ý nhanh. Quá trình di chuyển từ Bootstrap 4 sang Bootstrap 5 dễ dàng hơn nhiều so với từ phiên bản 3 sang phiên bản 4. Điều này có nghĩa là việc chọn 4 ngay bây giờ và sau đó chuyển sang Bootstrap 5 sẽ không phải là vấn đề lớn. Tuy nhiên, chúng tôi thực sự khuyên bạn nên sử dụng cái mới hơn. Theo các nhà phát triển Bootstrap, phiên bản này đã rất ổn định và hơn nữa, nó thực sự đi kèm với những cải tiến tuyệt vời
Hỗ trợ RTL
Phiên bản mới cho phép bạn bật văn bản từ phải sang trái trên bố cục Bootstrap, các thành phần và tiện ích. Cho đến nay, nó là một tính năng thử nghiệm. Nó sẽ phát triển trong tương lai dựa trên phản hồi và hiệu suất. Bạn có thể xem một số ví dụ về tính năng này trong Tài liệu của Bootstrap tại đây.
Cập nhật hệ thống lưới
Tài sản lớn nhất của Bootstrap là hệ thống lưới đáp ứng đầy đủ được xây dựng bằng flexbox. Và chắc chắn, nó được nâng cấp ở phiên bản mới nhất.
Trong số các khả năng mới là tầng lưới XXL mới với vùng chứa có chiều rộng tối đa 1320px, hiện là điểm ngắt mặc định thứ sáu
Và một số tính năng hay khác để nhà phát triển dễ dàng được thêm vào như chuyển đổi. lớp máng xối với các tiện ích, cải tiến bố cục biểu mẫu, v.v. nhưng đừng tham gia quá nhiều vào thế giới của nhà phát triển 🙂
Biểu mẫu cải tiến
Phiên bản mới có phần biểu mẫu riêng biệt với các điều khiển biểu mẫu được thiết kế lại và loại bỏ trùng lặp. Giờ đây, tất cả các điều khiển biểu mẫu tùy chỉnh, chẳng hạn như hộp kiểm và công tắc, cũng như các nút radio, chọn, phạm vi, v.v. có giao diện tùy chỉnh để hiển thị nhất quán hơn trên các trình duyệt và thiết bị
Ngoài ra, có các điều khiển đầu vào mới hơn như xác minh email, chọn số, v.v.
Không có jQuery
Bootstrap 5 không còn phụ thuộc vào thư viện jQuery nữa. Bây giờ tất cả đều là vanilla JS đơn giản tốt. Chắc chắn, đây không phải là điều ngạc nhiên khi nhóm đã mở yêu cầu kéo để xóa thư viện khỏi nguồn Bootstrap vào năm 2017. Nói chung, nhiều vấn đề mà jQuery được thiết kế để giải quyết giờ đây là các tiêu chuẩn CSS và JavaScript
Theo tài liệu chính thức, vẫn có thể sử dụng Bootstrap 5 với jQuery nhưng nên chuyển sang vanilla JS
Và nếu tốc độ tải trang web quan trọng với bạn [chúng tôi biết đó là tất cả của bạn 🙂], thì đó thực sự là một tin rất tốt
Không hỗ trợ IE10 và IE11
Theo người sáng lập Bootstrap, Mark Otto, quyết định loại bỏ hỗ trợ cho Internet Explorer 10 và 11 là do tập trung vào việc xây dựng các công cụ thân thiện với tương lai hơn với các biến CSS, JavaScript nhanh hơn, ít phụ thuộc hơn và API tốt hơn. Ngoài ra, việc sử dụng IE 11 sẽ giảm dần trong những năm tới, điều này sẽ khiến nó trở thành một tính năng ít đòi hỏi hơn để có.
Từ quan điểm của nhà phát triển, đây là một tin tuyệt vời. Không còn phải lùi lại một bước và thực hiện các bản sửa lỗi [và một số ma thuật đen] dành riêng cho trình duyệt IE. Chúng tôi đã chờ đợi để nắm lấy bước này trong quá trình phát triển của web, vì vậy chúng tôi xin gửi lời cảm ơn tới nhóm Bootstrap
Kích thước phông chữ đáp ứng
Bootstrap 5 cho phép kích thước phông chữ đáp ứng theo mặc định. Nói cách khác, chúng sẽ cho phép văn bản chia tỷ lệ tự nhiên hơn trên các kích thước thiết bị và khung nhìn. Điều này được thực hiện nhờ công cụ thay đổi kích thước RFS của Bootstrap giúp chia tỷ lệ các thuộc tính CSS phổ biến để sử dụng không gian có sẵn tốt hơn theo thiết bị và quan điểm. RFS ban đầu được phát triển để thay đổi kích thước kích thước phông chữ
Bootstrap 5 Beta 2. Bản tóm tắt
- Đã thêm hỗ trợ RTL
- Chuyển sang vanilla JS
- Ngừng hỗ trợ Internet Explorer 10 và 11
- Cải tiến hệ thống lưới
- Cải tiến tài liệu
- cải tiến mô-đun
- cải tiến biểu mẫu
- Phông chữ đáp ứng mới
- Tiện ích & người trợ giúp mới
- Tùy chỉnh & chủ đề dễ dàng hơn
- Gói nhẹ hơn
- API mới có sẵn
Sự kết luận
Nói tóm lại, Bootstrap 5 mang đến cho bạn một số lý do thực sự tốt để bắt đầu sử dụng nó ngay lập tức. Và mặc dù nó vẫn đang trong giai đoạn thử nghiệm 2, nhưng chúng tôi tin rằng nó đáng để thử và rất vui mừng vì đã bắt đầu thử nghiệm các tính năng mới
Nếu bạn cân nhắc sử dụng Bootstrap cho dự án sắp tới của mình và vẫn do dự về phiên bản, chúng tôi muốn thảo luận với bạn đâu là lựa chọn tốt nhất cho trường hợp cụ thể của bạn. Vì vậy, hãy liên hệ với chúng tôi và chúng ta sẽ cùng nhau đưa ra giải pháp tốt nhất cho bạn