How does the Grid component in React-Bootstrap help in creating a responsive layout?

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 Grid component allows you to define a flexible grid system with rows and columns that automatically adjusts based on the screen size.". Hệ lưới của React-Bootstrap mô phỏng hệ lưới 12 cột của Bootstrap: khung ngoài (phiên bản cũ gọi là Grid, phiên bản mới là Container) chứa các hàng Row, mỗi hàng chia thành các cột Col; ta khai báo số cột chiếm ở từng điểm ngắt như xs, md, lg, nên cùng một bố cục có thể xếp chồng trên điện thoại và nằm ngang trên màn hình rộng. Phát biểu "provides pre-built responsive layouts that you can directly use" sai vì lưới không đưa ra bố cục làm sẵn; ta tự sắp hàng và cột. Phát biểu "automatically resizes and repositions the elements based on the available space" sai vì lưới không tự quyết vị trí; phần tử chỉ đổi chỗ theo đúng quy tắc cột ta đã khai báo cho từng điểm ngắt. Phát biểu "helps in aligning the elements vertically and horizontally on the page" chỉ là phần phụ: căn chỉnh có thể làm qua lưới hoặc các lớp tiện ích flex, nhưng mục đích chính của lưới là chia cột đáp ứng theo cỡ màn hình.

Cùng phần 3

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