WorksheetsQuiz về Bootstrap 5
Total questions: 26
Worksheet time: 13mins
Bootstrap 5 là gì?
Một framework lập trình backend
Một thư viện JavaScript nâng cao
Một CMS (Content Management System)
Một framework CSS phổ biến
Bootstrap 5 mặc định sử dụng hệ thống lưới bao nhiêu cột?
6
8
10
12
Lớp nào tạo một hàng (row) trong hệ thống lưới của Bootstrap?
.grid
.column
.line
.row
Để làm cho nút trở nên lớn hơn, ta dùng lớp nào?
btn-grow
btn-large
btn-lg
btn-big
Để tạo một button màu xanh dương chính trong Bootstrap 5, ta dùng lớp nào?
btn-blue
btn-secondary
btn-light
btn-primary
Để tạo một hàng dọc trong hệ thống grid, ta đặt các .col bên trong lớp nào?
.container
.col-wrapper
.flex-container
.row
Lớp nào giúp tạo một cột chiếm toàn bộ chiều rộng trên thiết bị nhỏ?
col-6
col-sm-4
col-xs-12
col-12
Lớp btn-outline-danger tạo nút có kiểu gì?
Nút màu đỏ đặc
Nút màu xanh viền
Nút viền đỏ
Nút không màu
Để tạo thanh điều hướng (navbar), ta dùng lớp nào?
menu-bar
nav-menu
top-nav
navbar
Bootstrap hỗ trợ breakpoint theo mấy kích thước màn hình chính?
3
4
6
5
Breakpoints sm, md, lg, xl, xxl là ký hiệu cho:
Màu sắc
Phông chữ
Kích thước lề
Kích thước màn hình
Lớp text-center có tác dụng gì?
Căn trái
Căn phải
Căn giữa văn bản
Làm chữ đậm
Lớp alert alert-success tạo:
Một bảng báo lỗi
Một thông báo lỗi
Một thông báo thành công
Một nút thành công
Bootstrap 5 sử dụng hệ thống Flexbox để:
Định vị phần tử
Tạo bảng
Tạo hình động
Căn chỉnh và phân bố layout
Bootstrap có thể hoạt động tốt nhất với:
Chỉ CSS
HTML và CSS
HTML, CSS, và JavaScript
Câu 26: Bootstrap có thể hoạt động tốt nhất với:
Chỉ CSS
HTML và CSS
HTML, CSS, và JavaScript
HTML và PHP
Câu 29: Lớp `border` trong Bootstrap tạo ra:
Một đường viền đơn giản
Một khung nổi
Một nền màu
Một khối mờ
Câu 30: Để tạo khoảng cách giữa các phần tử, ta dùng lớp nào?
`pad`
`spacer`
`p-3` hoặc `m-3`
`gap-3`
Câu 37: Để tạo một thẻ cảnh báo màu vàng với nội dung tùy chỉnh, bạn cần dùng class nào?
.alert-warning-yellow
.alert-secondary
.alert-light
.alert-warning
Câu 38: Nếu bạn muốn một cột chiếm 50% chiều rộng trên màn hình cỡ medium trở lên, bạn nên dùng class nào?
.col-md-3
.col-6
.col-sm-6
.col-md-6
Câu 39: Lớp nào tạo một nút kích thước nhỏ trong Bootstrap 5?
.btn-xs
.btn-small
.btn-min
.btn-sm
Câu 40: Muốn tạo alert màu đỏ (cảnh báo nguy hiểm), bạn dùng class nào?
.alert-red
.alert-warn
.alert-dangerous
.alert-danger
Câu 76: Class .z-3 trong Bootstrap 5 dùng để làm gì?
Tạo hiệu ứng phóng to 3 lần
Thêm đệm z-index tự động
Căn chiều cao phần tử
Thiết lập z-index bằng 3
Câu 86: Class .btn-outline-primary có tác dụng gì?
Nút màu nền xanh và chữ trắng
Nút có đổ bóng nhẹ
Nút viền đỏ
Nút có viền màu primary, nền trong suốt
Câu 96: Muốn tạo một nhóm button theo hàng ngang, bạn dùng class:
.btn-horizontal
.btn-group-row
.btn-align
.btn-group
Câu 100: Class .bg-gradient trong Bootstrap 5 có tác dụng gì?
Thêm hiệu ứng bóng đổ cho nền
Làm nền trong suốt
Tạo nền lấp lánh
Tạo hiệu ứng chuyển màu nền dạng gradient
