Bootstrap là một nền tảng framework HTML, CSS hay JavaScript giúp cho quá trình phát triển website được dễ dàng và tiện lợi hơn rất nhiều. Một trong những tính năng vô cùng mạnh mẽ của nó chính là Grid System giúp chúng ta xây dựng layout một cách dễ dàng và thuận tiện nhất.
Grid System của bootstrap sử dụng các container, row và col để xây dựng layout một cách linh hoạt, có thể bố trí và căn chỉnh nội dung theo từng kích thước màn hình khác nhau.
Grid System ở phiên bản bootstrap 4 đã bổ sung thêm 1 class mới là: .col-xl-12 hoặc .col-xl-
- col- : sử dụng cho thiết bị có độ rộng màn hình < 576px
- col-sm- : sử dụng cho thiết bị có độ rộng màn hình từ 576px – 767px
- col-md- : sử dụng cho thiết bị có độ rộng màn hình từ 768px – 991px
- col-lg- : sử dụng cho thiết bị có độ rộng màn hình từ 992px – 1199px
- col-xl – : sử dụng cho thiết bị có độ rộng màn hình >= 1200px
Hi vọng với những thông tin về grid system trong bootstrap sẽ giúp bạn có thể hiểu hơn những kiến thức về bootstrap.
