How would you combine fluid and pixel widths behaviors in a grid layout using Bootstrap5?
4 phương ánCó giải thích
Các phương án trả lời
Chọn một phương ánLời giảiChọn phương án để mở
Đáp án đúng: "Use .container-md to apply a responsive container at the md breakpoint". Container responsive của Bootstrap 5 như .container-md kết hợp hai kiểu độ rộng: dưới breakpoint md (768px) nó rộng 100% như container fluid, từ md trở lên nó chuyển sang max-width cố định tính bằng pixel, lần lượt 720px, 960px, 1140px, 1320px theo từng mốc. Đó chính là cách gộp hành vi fluid và pixel trong cùng một container mà không cần tự viết CSS. "Use .container-fluid for the entire layout" chỉ cho hành vi fluid ở mọi kích thước, không có phần pixel. "Combine .container with .col-fluid" sai vì Bootstrap không có lớp .col-fluid. "Use a fixed-width class with a media query" là tự viết CSS thủ công, chạy được nhưng không phải thứ Bootstrap 5 cung cấp sẵn và bỏ qua hệ container responsive.
Cùng phần 3
Which Bootstrap class is commonly used to create a responsive navigation bar?Có lời giảiCâu hỏiFill in the blank in this Bootstrap CSS code to apply a primary button style using React-Bootstrap: import { Button } from 'react-bootstrap'; <Button _______="primary">Click me</Button>Có lời giảiCâu hỏiWhich Bootstrap class provides a fluid container that adapts to all breakpoints?Có lời giảiCâu hỏiCả 36 câu của chủ đề36 câu
Xuất hiện trong 1 bộ đề
Đi tiếp từ đây