Tôi có nên sử dụng bootstrap 5 không?
Quay trở lại năm 2013 khi Start Bootstrap lần đầu tiên được thành lập, cuộc chiến khung CSS đáp ứng đã diễn ra sôi nổi. Bootstrap đang làm việc hướng tới lần lặp lại khung thứ ba của họ và Foundation đã sớm bị bỏ lại trong cát bụi. Đến cuối năm 2013, với các bản phát hành ổn định của Bootstrap 3 bắt đầu được tung ra, có vẻ như Bootstrap đã thắng cuộc chiến Show
Tua nhanh đến gần một thập kỷ sau. Với sự gia tăng của các khung giao diện người dùng JavaScript và bối cảnh công nghệ và công cụ luôn thay đổi, rất nhiều người đang đặt câu hỏi liệu Bootstrap có còn phù hợp vào năm 2021 không Câu trả lời ngắn gọn là có. Bootstrap không tự gọi mình là “khuôn khổ phổ biến nhất thế giới để xây dựng các trang web ưu tiên thiết bị di động, đáp ứng nhanh” mà không có gì. Trên GitHub, Bootstrap vượt xa các framework mới nổi về mức độ phổ biến và với mức độ phát triển tích cực lành mạnh đang diễn ra, Bootstrap đang được cải thiện gần như hàng ngày khi chúng hướng tới các cột mốc tiếp theo của mình Giải quyết một số lời chỉ trích phổ biếnNói về các mốc quan trọng, Bootstrap đã chuyển Bootstrap 5 từ giai đoạn thử nghiệm beta sang bản phát hành ổn định đầu tiên của họ, đây là một khung rất khác so với các phiên bản tiền nhiệm theo nhiều cách. Một trong những lời chỉ trích gần đây về Bootstrap là sự phụ thuộc của nó vào jQuery, thứ dường như không hoạt động tốt với nhiều tùy chọn phát triển front-end hiện nay. Trong Bootstrap 5, jQuery đã bị loại bỏ, điều này mở ra rất nhiều cơ hội cho các nhà phát triển muốn tránh xa sự phụ thuộc cụ thể này Một lời chỉ trích phổ biến khác mà chúng ta thường nghe về Bootstrap là nó bao gồm quá nhiều thứ trong CSS. Chắc chắn, nếu bạn đang sử dụng toàn bộ thư viện, bạn sẽ đưa vào một số tính năng không sử dụng, nhưng Bootstrap cung cấp một cách tiếp cận theo kiểu gọi món hơn. Hãy xem trang Tối ưu hóa mới trên tài liệu Bootstrap 5 nơi chúng trình bày quá trình tối ưu hóa Bootstrap bằng cách sử dụng nhập SASS tinh gọn, JavaScript tinh gọn và các kỹ thuật khác để cắt giảm kích thước gói trong cài đặt triển khai. Nó giống như một bữa tiệc tự chọn Bootstrap gọn gàng, bình thường, nơi bạn có thể lấy mã bạn muốn ra khỏi Bootstrap và bỏ phần còn lại lại phía sau Mức độ liên quan so với các khung mới hơnNhưng còn các framework khác thì sao? . Chúng tôi cũng có các công cụ như Vật liệu góc hoặc Giao diện người dùng vật liệu điều chỉnh ngôn ngữ Thiết kế Vật liệu của Google trong ngữ cảnh của khung JS (Angular và React trong trường hợp này, tương ứng). Trong thế giới hỗn loạn của các công nghệ phát triển front-end, sẽ luôn có những công cụ mới, trong một số trường hợp, có thể phù hợp hơn cho một dự án nhất định. Điều đó đang được nói, Bootstrap đã tiếp tục lặp đi lặp lại và cải thiện. Kể từ Bootstrap 4, họ đã cung cấp một bộ đầy đủ cả các thành phần và tiện ích CSS, và với việc loại bỏ jQuery, Bootstrap 5 hiện phù hợp hơn bao giờ hết trong nhiều trường hợp sử dụng kết thúcMặc dù công bằng mà nói rằng Bootstrap gần đây đã bị lu mờ một chút bởi một số lựa chọn thay thế được chế tạo tốt, Bootstrap không có dấu hiệu chậm lại và về những gì nó đang có, nó chắc chắn có liên quan vào năm 2021 Bắt đầu bằng cách bao gồm CSS và JavaScript sẵn sàng sản xuất của Bootstrap thông qua CDN mà không cần bất kỳ bước xây dựng nào. Xem nó trong thực tế với bản demo Bootstrap CodePen này
Để tham khảo, đây là các liên kết CDN chính của chúng tôi Mô tảURLCSS 8JS 0Bạn cũng có thể sử dụng CDN để tìm nạp bất kỳ bản dựng bổ sung nào của chúng tôi được liệt kê trong trang Nội dung Bước tiếp theothành phần JSTò mò không biết thành phần nào yêu cầu JavaScript và Popper của chúng tôi một cách rõ ràng? . Nếu bạn hoàn toàn không chắc chắn về cấu trúc trang chung, hãy tiếp tục đọc mẫu trang mẫu Hiển thị các thành phần yêu cầu JavaScript
Toàn cầu quan trọngBootstrap sử dụng một số kiểu và cài đặt toàn cầu quan trọng, tất cả đều hầu như chỉ hướng đến việc chuẩn hóa các kiểu trình duyệt chéo. Hãy đi sâu vào loại tài liệu HTML5Bootstrap yêu cầu sử dụng loại tài liệu HTML5. Không có nó, bạn sẽ thấy một số kiểu dáng ngộ nghĩnh và không đầy đủ
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. Để đảm bảo hiển thị phù hợp và thu phóng cảm ứng cho tất cả các thiết bị, hãy thêm thẻ meta chế độ xem đáp ứng vào của bạn
Bạn có thể xem một ví dụ về điều này đang hoạt động trong phần bắt đầu nhanh kích thước hộpĐể định cỡ đơn giản hơn trong CSS, chúng tôi chuyển giá trị toàn cầu 1 từ 2 thành 3. Điều này đảm bảo rằng 4 không ảnh hưởng đến chiều rộng được tính toán cuối cùng của một phần tử, nhưng nó có thể gây ra sự cố với một số phần mềm của bên thứ ba như Google Maps và Công cụ tìm kiếm tùy chỉnh của GoogleTrong trường hợp hiếm hoi, bạn cần ghi đè lên nó, hãy sử dụng một cái gì đó như sau
Với đoạn mã trên, các phần tử lồng nhau—bao gồm cả nội dung được tạo thông qua 5 và 6—tất cả sẽ kế thừa 1 đã chỉ định cho 8 đóTìm hiểu thêm về mô hình hộp và kích thước tại Thủ thuật CSS khởi động lạiĐể cải thiện khả năng hiển thị trên nhiều trình duyệt, chúng tôi sử dụng Khởi động lại để sửa lỗi không nhất quán giữa các trình duyệt và thiết bị đồng thời cung cấp các cài đặt lại có chủ ý hơn một chút cho các thành phần HTML phổ biến Luôn cập nhật về sự phát triển của Bootstrap và tiếp cận cộng đồng với những tài nguyên hữu ích này Sử dụng Bootstrap 5 có tốt không?Ưu điểm của Bootstrap. Dễ sử dụng . Bất kỳ ai chỉ có kiến thức cơ bản về HTML và CSS đều có thể bắt đầu sử dụng Bootstrap. tính năng đáp ứng. CSS đáp ứng của Bootstrap điều chỉnh cho điện thoại, máy tính bảng và máy tính để bàn. Cách tiếp cận đầu tiên trên thiết bị di động. Trong Bootstrap, các kiểu ưu tiên thiết bị di động là một phần của khung cốt lõi.
Tôi có nên sử dụng Bootstrap 5 vào năm 2022 không?Nó vẫn phù hợp nhưng không còn quan trọng như trước nữa . Các trình duyệt vốn hỗ trợ CSS-Grid ngày nay, mạnh mẽ như Bootstrap và không yêu cầu thư viện bên ngoài.
Chúng ta nên sử dụng Bootstrap 4 hay 5?Bootstrap 4 hỗ trợ cả IE 10 và 11. Bootstrap 5 không hỗ trợ IE 10 và 11 . Các nút radio, hộp kiểm có giao diện khác nhau trong các hệ điều hành và trình duyệt khác nhau. Biểu mẫu sử dụng bất kỳ trình duyệt mặc định nào cung cấp.
Tôi có nên học Bootstrap 4 hoặc 5 vào năm 2022 không?Bootstrap 5 là phiên bản mới nhất của Bootstrap. Nó cũng loại bỏ sự phụ thuộc vào jQuery. Vì vậy Tôi khuyên bạn nên sử dụng Bootstrap 5 nếu bắt đầu một dự án mới . |