Hướng dẫn bootstrap 5 w3school - bootstrap 5 w3school



Hãy tự mình lấy ví dụ

Hướng dẫn này chứa hàng trăm ví dụ bootstrap 5.

Với trình soạn thảo trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và nhấp vào nút để xem kết quả.

Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào.



Bootstrap 5 so với Bootstrap 3 & 4

Bootstrap 5 là phiên bản mới nhất của Bootstrap; Với các thành phần mới, bảng kiểu nhanh hơn và phản ứng nhiều hơn.

Bootstrap 5 hỗ trợ các bản phát hành mới nhất, ổn định 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 JavaScript thay vì jQuery.

Lưu ý: Bootstrap 3 và Bootstrap 4 vẫn được nhóm hỗ trợ cho 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. Bootstrap 3 and Bootstrap 4 is still supported by the team for critical bugfixes and documentation changes, and it is perfectly safe to continue to use them. However, new features will NOT be added to them.


Bootstrap 5 Bài tập

Kiểm tra bản thân với các bài tập

Exercise:

Sử dụng lớp bootstrap để tập trung vào văn bản sau:

Hello World!

Bắt đầu bài tập


Bootstrap 5 Bài kiểm tra đố

Kiểm tra kỹ năng bootstrap 5 của bạn tại W3Schools!

Bắt đầu Bootstrap 5 đố vui!


Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập" miễn phí tại đây tại W3Schools.

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm!

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng học tập của tôi.

Hướng dẫn bootstrap 5 w3school - bootstrap 5 w3school




Hãy tự mình lấy ví dụ

Hướng dẫn bootstrap này chứa hàng trăm ví dụ bootstrap.

Với trình soạn thảo trực tuyến của chúng tôi, bạn có thể chỉnh sửa mã và nhấp vào nút để xem kết quả.

Hướng dẫn bootstrap 5 w3school - bootstrap 5 w3school

Ví dụ bootstrap

& nbsp; & nbsp; trang bootstrap đầu tiên của tôi & nbsp; Thay đổi kích thước trang đáp ứng này để xem hiệu ứng!
  

My First Bootstrap Page


 

Resize this responsive page to see the effect!


& nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Cột 1 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Lorem ipsum dor .. & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Cột 2 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Lorem ipsum dor .. & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Cột 3 & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Lorem ipsum dor .. & nbsp; & nbsp; & nbsp; & nbsp;
 


   

     

Column 1


     

Lorem ipsum dolor..


   

   

     

Column 2


     

Lorem ipsum dolor..


   

   

     

Column 3


     

Lorem ipsum dolor..


   

 

Hãy tự mình thử »

Nhấp vào nút "Hãy tự mình thử" để xem nó hoạt động như thế nào.



Bài tập bootstrap

Kiểm tra bản thân với các bài tập

Exercise:

Thêm tên lớp chính xác để chuyển đổi danh sách bên dưới thành menu phân trang.


Bắt đầu bài tập


Bootstrap Quiz Bài kiểm tra

Kiểm tra kỹ năng bootstrap của bạn tại W3Schools!

Bắt đầu câu đố bootstrap!


Việc học của tôi

Theo dõi tiến trình của bạn với chương trình "Học tập" miễn phí tại đây tại W3Schools.

Đăng nhập vào tài khoản của bạn và bắt đầu kiếm điểm!

Đây là một tính năng tùy chọn. Bạn có thể học W3Schools mà không cần sử dụng học tập của tôi.

Hướng dẫn bootstrap 5 w3school - bootstrap 5 w3school


Tài liệu tham khảo bootstrap

Tại W3Schools, bạn sẽ tìm thấy một tham chiếu bootstrap hoàn chỉnh của tất cả các lớp CSS, các thành phần và plugin JavaScript - tất cả đều có ví dụ "Hãy tự mình":


Chủ đề / mẫu bootstrap

Chúng tôi đã thực hiện một số mẫu bootstrap bạn có thể chơi xung quanh. Chúng hoàn toàn tự do sử dụng:


Bootstrap 5 so với Bootstrap 3 & 4

Hướng dẫn này theo sau Bootstrap 3, được phát hành vào năm 2013. Tuy nhiên, chúng tôi cũng bao gồm các phiên bản mới hơn; Bootstrap 4 (phát hành 2018) và Bootstrap 5 (phát hành 2021).Bootstrap 3, which was released in 2013. However, we also cover newer versions; Bootstrap 4 (released 2018) and Bootstrap 5 (released 2021).

Bootstrap 5 là phiên bản mới nhất của Bootstrap; Với các thành phần mới, các kiểu dáng nhanh hơn, khả năng đáp ứng nhiều hơn, v.v ... Nó hỗ trợ các bản phát hành mới nhất, ổn định 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 JavaScript thay vì jQuery.

Lưu ý: Bootstrap 3 và Bootstrap 4 vẫn được nhóm hỗ trợ cho 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. Bootstrap 3 and Bootstrap 4 is still supported by the team for critical bugfixes and documentation changes, and it is perfectly safe to continue to use them. However, new features will NOT be added to them.


Bạn có biết không?

W3.CSS là một thay thế tuyệt vời cho bootstrap.

W3.CSS nhỏ hơn, nhanh hơn và dễ sử dụng hơn.

Nếu bạn muốn học W3.CSS, hãy truy cập hướng dẫn W3.CSS của chúng tôi.