Bạn có thể làm gì với bootstrap 5?
|
Bootstrap 5 gần đây đã ra mắt ở phiên bản beta 2 ổn định hơn và chúng tôi thực sự rất hào hứng khi nói về nó. Nếu bạn đang bắt đầu một dự án mới, bạn có thể tự hỏi liệu có đáng để thử Bootstrap 5 hay bạn nên sử dụng Bootstrap 4. Vì vậy, hãy tổng hợp mọi thứ cho bạn. Được rồi, bắt đầu nào
Những điều bạn cần biết về Bootstrap 5. Tổng quanVì 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. Show
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ợ RTLPhiê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ướiTà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ếnPhiê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ó jQueryBootstrap 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à IE11Theo 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 ứngBootstrap 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
Sự kết luậnNó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 Bootstrap 5 dùng để làm gì?Bootstrap được phát triển trên thiết bị di động trước, một chiến lược trong đó chúng tôi tối ưu hóa mã cho thiết bị di động trước rồi sau đó mở rộng quy mô các thành phần khi cần bằng truy vấn phương tiện CSS của bạn.
Bạn có nên chuyển sang Bootstrap 5 không?Tuy nhiên, chúng tôi thực sự khuyên bạn nên sử dụng phiên bản 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.
Có đáng để học Bootstrap vào năm 2022 không?Có, tuy nhiên tôi nghĩ điều quan trọng hơn là phải biết nói … vue hoặc phản ứng. sau đó các kỹ năng bootstrap của bạn có thể phát huy tác dụng trên một trong những khung đó… Việc phát minh ra màn hình. uốn cong; . Sử dụng hệ thống flex gắn kết và đơn giản hơn nhiều so với việc triển khai hệ thống lưới bootstrap.
Bootstrap 5 có tốt hơn không?Các điều khiển biểu mẫu tùy chỉnh được bao gồm trong Bootstrap 5. Các điều khiển biểu mẫu trong Bootstrap 4 đã sử dụng bất kỳ giá trị đặt trước nào mà mỗi trình duyệt cung cấp. Do được thiết kế riêng nên các điều khiển biểu mẫu trong Bootstrap 5 sẽ có giao diện và cảm giác đồng nhất hơn nhiều trên tất cả các trình duyệt . |
