Hướng dẫn khởi động 4
Bootstrap 4 là phiên bản mới hơn của Bootstrap , đây là khung HTML, CSS và JavaScript phổ biến nhất để phát triển các trang web đáp ứng, ưu tiên thiết bị di động.
Bootstrap 4 hoàn toàn miễn phí để tải xuống và sử dụng!
Hãy tự mình thử
Hướng dẫn Bootstrap 4 này chứa hàng trăm ví dụ về Bootstrap 4.
Với trình chỉnh sửa 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ả.
Ví dụ về Bootstrap 4
<div class="jumbotron text-center">
<h1>My First Bootstrap
Page</h1>
<p>Resize this responsive page to see the effect!</p>
</div>
<div class="container">
<div class="row">
<div class="col-sm-4">
<h3>Column 1</h3>
<p>Lorem ipsum
dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 2</h3>
<p>Lorem ipsum
dolor..</p>
</div>
<div class="col-sm-4">
<h3>Column 3</h3>
<p>Lorem ipsum
dolor..</p>
</div>
</div>
</div>
Hãy tự mình thử »Nhấp vào nút "Thử tự mình" để xem nó hoạt động như thế nào.
Bootstrap 5 so với Bootstrap 3 & 4
Hướng dẫn này tuân theo Bootstrap 4 , được phát hành vào năm 2018, dưới dạng bản nâng cấp lên Bootstrap 3 , với các thành phần mới, biểu định kiểu nhanh hơn, khả năng phản hồi nhanh hơn, v.v.
Bootstrap 5 (phát hành năm 2021) là phiên bản mới nhất của Bootstrap ; Nó 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 JavaScript thay vì jQuery .
Lưu ý: 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à việc tiếp tục sử dụng chúng là hoàn toàn an toàn. Tuy nhiên, các tính năng mới sẽ KHÔNG được thêm vào chúng.
Mẫu cơ bản Bootstrap 4
Chúng tôi đã tạo một mẫu khởi đầu đáp ứng với Bootstrap 4. Bạn có thể tự do sửa đổi, lưu, chia sẻ và sử dụng nó trong các dự án của mình:
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 "Việc học của tôi" miễn phí 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 tại Example.com.vn mà không cần sử dụng My Learning.
Tài liệu tham khảo Bootstrap
Danh sách đầy đủ tất cả các lớp CSS Bootstrap 4 kèm theo mô tả và ví dụ:
Nếu bạn muốn làm được nhiều hơn với các thành phần Bootstrap, hãy xem tài liệu tham khảo JavaScript/jQuery Bootstrap 4 hoàn chỉnh của chúng tôi - tất cả đều có ví dụ "Hãy tự mình thử":
Bài tập khởi động 4
Bài kiểm tra câu hỏi Bootstrap 4
Kiểm tra kỹ năng Bootstrap 4 của bạn tại W3Schools!
Bắt đầu bài kiểm tra Bootstrap 4!
Bạn có biết không?
W3.CSS là một sự 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 tìm hiểu W3.CSS, hãy truy cập Hướng dẫn W3.CSS của chúng tôi.