Trong Bootstrap, class cột theo breakpoint áp dụng theo nguyên tắc mobile-first: một class định nghĩa tại breakpoint X áp dụng cho MỌI viewport ≥ X, đến khi gặp một class được định nghĩa ở breakpoint lớn hơn.
Thứ tự breakpoint tăng dần:
Cho định nghĩa cột của một phần tử tại một số breakpoint (không nhất thiết đủ cả 6) và danh sách các chiều rộng viewport cần kiểm tra, hãy xác định số cột áp dụng tại từng viewport (dùng giá trị của breakpoint lớn nhất đã định nghĩa mà vẫn ≤ viewport; nếu không có breakpoint nào định nghĩa ≤ viewport, cột áp dụng là 12).
Dòng 1: JSON object breakpoint->col, ví dụ {"xs":12,"md":6,"xl":4}. Dòng 2: n (số viewport cần kiểm tra). Dòng 3: n số nguyên viewport cách nhau khoảng trắng.
n ≤ 20, 0 ≤ W ≤ 5000
In n dòng dạng "W: N" theo đúng thứ tự viewport đã cho.
Ví dụ:
Đầu vào:
{"xs":12,"md":6,"xl":4}
4
0 600 900 1300Đầu ra:
0: 12
600: 12
900: 6
1300: 4
Đang tải editor...