Bootstrap 5 có yêu cầu jQuery không?
Thiết kế web đáp ứng là tạo ra các trang web tự động điều chỉnh để trông đẹp mắt trên tất cả các thiết bị, từ điện thoại nhỏ đến máy tính để bàn lớn Show
Bootstrap 5 Ví dụ
Thay đổi kích thước trang phản hồi này để xem hiệu ứng
Cột 1Lorem ipsum dolor sit amet, consectetur adipisizing elit Ut enim ad minim veniam, quis nostrud exercite ullamcolaboris
Cột 2Lorem ipsum dolor sit amet, consectetur adipisizing elit Ut enim ad minim veniam, quis nostrud exercite ullamcolaboris
Cột 3Lorem ipsum dolor sit amet, consectetur adipisizing elit Ut enim ad minim veniam, quis nostrud exercite ullamcolaboris Tự mình thử » Phiên bản BootstrapBootstrap 5 (phát hành năm 2021) là phiên bản mới nhất của Bootstrap (phát hành năm 2013); Bootstrap 5 hỗ trợ các bản phát hành ổn định, mới nhất của tất cả các trình duyệt và nền tảng chính. Tuy nhiên, Internet Explorer 11 trở xuống không được hỗ trợ Sự khác biệt chính giữa Bootstrap 5 và Bootstrap 3 & 4 là Bootstrap 5 đã chuyển sang vanilla JavaScript thay vì jQuery Ghi chú. Bootstrap 3 và Bootstrap 4 vẫn được nhóm hỗ trợ để sửa các lỗi quan trọng và thay đổi tài liệu, và hoàn toàn an toàn khi tiếp tục sử dụng chúng. Tuy nhiên, các tính năng mới sẽ KHÔNG được thêm vào chúng Tại sao nên sử dụng Bootstrap?Ưu điểm của Bootstrap
Lấy Bootstrap 5 ở đâu?Có hai cách để bắt đầu sử dụng Bootstrap 5 trên trang web của riêng bạn Bạn có thể
Bootstrap 5 CDNNếu không muốn tự tải xuống và lưu trữ Bootstrap 5, bạn có thể đưa nó vào từ CDN (Mạng phân phối nội dung) jsDelivr cung cấp hỗ trợ CDN cho CSS và JavaScript của Bootstrap MaxCDNMột lợi thế của việc sử dụng Bootstrap 5 CDN. JavaScript? Đang tải xuống Bootstrap 5Nếu bạn muốn tự tải và lưu trữ Bootstrap 5, hãy truy cập https. //getbootstrap. com/, và làm theo hướng dẫn ở đó Tạo trang web đầu tiên của bạn với Bootstrap 51. Thêm loại tài liệu HTML5 Bootstrap 5 sử dụng các phần tử HTML và thuộc tính CSS yêu cầu loại tài liệu HTML5 Luôn bao gồm loại tài liệu HTML5 ở đầu trang, cùng với thuộc tính lang và tiêu đề và bộ ký tự chính xác
2. Bootstrap 5 ưu tiên thiết bị di động Bootstrap 5 được thiết kế để tương thích với các thiết bị di động. Kiểu đầu tiên trên thiết bị di động là một phần của khung cốt lõi Để đảm bảo hiển thị chính xác và thu phóng cảm ứng, hãy thêm thẻ Phần Phần 3. Hộp đựng Bootstrap 5 cũng yêu cầu phần tử chứa để bọc nội dung trang Có hai lớp container để lựa chọn
Hai trang Bootstrap cơ bản 5Ví dụ sau đây hiển thị mã cho trang Bootstrap 5 cơ bản (với vùng chứa chiều rộng cố định đáp ứng) Ví dụ về vùng chứa
Phần này nằm trong một. lớp chứa Các. lớp container cung cấp một thùng chứa có chiều rộng cố định đáp ứng Ví dụ sau đây hiển thị mã cho trang Bootstrap 5 cơ bản (với vùng chứa có chiều rộng đầy đủ) Ví dụ về chất lỏng container
Phần này nằm trong một. lớp chứa chất lỏng Các. lớp container-fluid cung cấp một thùng chứa có chiều rộng đầy đủ, bao trùm toàn bộ chiều rộng của khung nhìn Tại sao jQuery bị xóa khỏi Bootstrap 5?Khung Bootstrap 5 đã loại bỏ jQuery như một yêu cầu . Nó đã tiết kiệm được 85KB JavaScript được rút gọn, điều này có thể rất quan trọng khi Google bắt đầu sử dụng tốc độ trang làm yếu tố xếp hạng cho các trang web dành cho thiết bị di động và sắp tới cho cả các trang web dành cho máy tính để bàn.
Bootstrap có cần jQuery không?Bootstrap sử dụng plugin jQuery cho JavaScript (như phương thức, chú giải công cụ, v.v.). Tuy nhiên nếu bạn chỉ dùng phần CSS của Bootstrap thì không cần jQuery.
Điều gì đã thay thế jQuery trong Bootstrap 5?Phiên bản chính sắp tới của Bootstrap, phiên bản 5, sẽ không còn phụ thuộc vào jQuery nữa và sẽ được thay thế bằng JavaScript vani .
Bootstrap 5 có yêu cầu JavaScript không?Bootstrap 5 sử dụng JavaScript cho các thành phần khác nhau (như phương thức, chú giải công cụ, cửa sổ bật lên, v.v.). Tuy nhiên, nếu bạn chỉ sử dụng phần CSS của Bootstrap thì không cần chúng. |