How do you create a responsive grid layout using 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: "By using the .row and .col-*-* classes to create rows and columns.". Hệ lưới của Bootstrap gồm ba lớp: container bao ngoài, row tạo một hàng và col chia hàng thành tối đa 12 phần; dạng col-*-* ghép một mốc màn hình với số cột, ví dụ col-md-6 nghĩa là từ cỡ md trở lên chiếm 6 trên 12 phần, còn dưới cỡ đó thì cột xếp chồng, nên chỉ bằng tên lớp mà bố cục tự đáp ứng theo kích thước màn hình. "By using the <div class="grid"> element." sai vì hệ lưới mặc định của Bootstrap không dựa vào một phần tử grid; phải dùng row và col. "By applying the .responsive-grid class to the container element." sai vì Bootstrap không có lớp responsive-grid; tính đáp ứng đến từ các lớp col có mốc màn hình. "By manually specifying the width of each element using CSS." làm được nhưng là tự viết CSS chứ không dùng Bootstrap, lại phải tự viết media query cho từng mốc màn hình, đúng thứ hệ lưới đã làm sẵn.

Cùng phần 3

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