Container-fluid là gì trong Bootstrap? Bài viết sẽ cung cấp cho bạn mọi điều cần biết về Container trong Bootstrap 5.
- Bài 1: Bootstrap 5 là gì?
Container trong Bootstrap là gì?
Container là một phần không thể thiếu trong Bootstrap. Container được sử dụng để thiết lập lề [margin] cho nội dung, giúp nội dung thích ứng với bố cục của bạn. Container chứa phần tử row và row là container của column [còn được gọi là hệ thống lưới]. Container để bao gói các phần nội dung trên website hay tạo các hộp nội dung.
Lý thuyết là như vậy, dễ hình dung nhất, nói theo kiểu nôm na hơn thì Container tạo ra một hộp chứa các phần tử khác bên trong. Chiếc hộp này có chiều rộng được thiết lập theo kích thước của màn hình hiển thị.
Bài viết này, QuanTriMang sẽ hướng dẫn chi tiết hơn nữa cách sử dụng container và các thành phần đi kèm trong Bootstrap 5. Bootstrap 5 có 2 lớp container để bạn có thể lựa chọn và sử dụng:
- Class
0 cung cấp một vùng chứa có chiều rộng cố định responsive.Trang Bootstrap đầu tiên của QuanTriMang
Bạn có thể học Bootstrap 5 và các phần mềm lập trình khác trên QuanTriMang
- Class
1 cung cấp một vùng chứa có chiều rộng đầy đủ, kéo dài toàn bộ chiều rộng của khung nhìn.Trang Bootstrap đầu tiên của QuanTriMang
Bạn có thể học Bootstrap 5 và các phần mềm lập trình khác trên QuanTriMang
Tìm hiểu về 2 loại Container trong Bootstrap 5
Vùng chứa cố định
Sử dụng class
Trang Bootstrap đầu tiên của QuanTriMang
Bạn có thể học Bootstrap 5 và các phần mềm lập trình khác trên QuanTriMang
0 để tạo một vùng chứa responsive, có chiều rộng cố định.Lưu ý rằng chiều rộng của nó [max-width] sẽ thay đổi trên các kích thước màn hình khác nhau:
Kích thước màn hìnhmax-widthExtra Small