What happens when you use the xs prop on a Col component in React-Bootstrap?

4 phương ánCó giải thích

Các phương án trả lời

Chọn một phương án
Lời giảiChọn phương án để mở
Đáp án đúng: "The column will have its width defined on extra-small screens and will apply to larger sizes if no specific breakpoint is defined.". React-Bootstrap dựng lưới theo hướng mobile-first (ưu tiên màn nhỏ) giống Bootstrap: prop xs trên Col sinh lớp cột áp dụng từ điểm ngắt nhỏ nhất trở lên, nên độ rộng đặt bằng xs giữ nguyên ở các màn sm, md, lg, xl cho tới khi gặp một prop điểm ngắt lớn hơn như md ghi đè. Ví dụ Col xs={6} chiếm nửa hàng trên mọi màn hình nếu không có prop điểm ngắt nào khác. Phương án "The column will only have its width defined on extra-large screens." nhầm xs với xl (extra-large). Phương án có mảnh "and larger sizes will ignore it" sai vì Bootstrap không giới hạn lớp theo kiểu chỉ áp cho màn nhỏ; lớp của điểm ngắt nhỏ được kế thừa lên mọi màn lớn hơn. Phương án "The xs prop does not exist in React-Bootstrap" sai vì Col có đủ các prop xs, sm, md, lg, xl, xxl.

Cùng phần 3

Xuất hiện trong 1 bộ đề