wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Kiến thức về Bootstrap

Total questions: 29

Worksheet time: 15mins

Name
Class
Date
1.

Bootstrap là gì?

a)

Bootstrap là một framework front-end để phát triển giao diện web.

b)

Bootstrap là một hệ điều hành.

c)

Bootstrap là một phần mềm diệt virus.

d)

Bootstrap là một ngôn ngữ lập trình.

2.

Bootstrap sử dụng ngôn ngữ lập trình nào?

a)

Ruby

b)

Python

c)

Java

d)

JavaScript

3.

Các thành phần chính của Bootstrap là gì?

a)

Hệ thống quản lý cơ sở dữ liệu

b)

Các thành phần chính của Bootstrap bao gồm: hệ thống lưới, các thành phần thiết kế sẵn, các plugin JavaScript và các lớp tiện ích.

c)

Các công cụ phát triển ứng dụng di động

d)

Các ngôn ngữ lập trình web

4.

Lợi ích của việc sử dụng Bootstrap là gì?

a)

Giúp tăng cường bảo mật cho ứng dụng

b)

Lợi ích của việc sử dụng Bootstrap bao gồm tăng tốc độ phát triển, tính nhất quán trong thiết kế, và khả năng tương thích với nhiều thiết bị.

c)

Tăng cường khả năng tương tác của người dùng

d)

Cung cấp dịch vụ lưu trữ miễn phí

5.

Bootstrap hỗ trợ những trình duyệt nào?

a)

Konqueror

b)

Internet Explorer

c)

Netscape

d)

Chrome, Firefox, Safari, Edge, Opera

6.

Cách cài đặt Bootstrap vào dự án như thế nào?

a)

Cài đặt Bootstrap qua ứng dụng di động

b)

Cài đặt Bootstrap chỉ bằng cách sao chép mã nguồn

c)

Cài đặt Bootstrap bằng cách tải xuống hoặc sử dụng CDN.

d)

Cài đặt Bootstrap bằng cách sử dụng JavaScript

7.

Bootstrap có hỗ trợ responsive không?

a)

Không, Bootstrap không hỗ trợ responsive.

b)

Có, Bootstrap hỗ trợ responsive.

c)

Có, nhưng chỉ trên các thiết bị Android.

d)

Không, Bootstrap chỉ hỗ trợ desktop.

8.

Các lớp CSS cơ bản trong Bootstrap là gì?

a)

.grid, .flex, .button

b)

.header, .footer, .sidebar

c)

.image, .text-left, .margin

d)

Các lớp CSS cơ bản trong Bootstrap bao gồm: .container, .row, .col, .btn, .text-center, .d-flex, .alert.

9.

Bootstrap có hỗ trợ các thành phần UI như modal và tooltip không?

a)

Có, Bootstrap hỗ trợ các thành phần UI như modal và tooltip.

b)

Không, Bootstrap không hỗ trợ các thành phần UI.

c)

Có, nhưng chỉ hỗ trợ modal.

d)

Có, nhưng chỉ hỗ trợ tooltip.

10.

Bootstrap có thể được sử dụng với các framework nào khác không?

a)

Không, Bootstrap chỉ có thể sử dụng độc lập.

b)

Có, Bootstrap có thể được sử dụng với nhiều framework như React, Angular, và Vue.

c)

Có, nhưng chỉ với jQuery.

d)

Chỉ có thể sử dụng với Angular.

11.

Bootstrap có tính năng nào giúp tạo layout linh hoạt không?

a)

Có, Bootstrap sử dụng hệ thống lưới (grid system) để tạo layout linh hoạt.

b)

Không, Bootstrap không có tính năng này.

c)

Có, nhưng chỉ cho các thiết bị di động.

d)

Có, nhưng chỉ cho các trang web tĩnh.

12.

Bootstrap có hỗ trợ các thành phần như carousel và dropdown không?

a)

Có, nhưng chỉ hỗ trợ dropdown.

b)

Có, Bootstrap hỗ trợ các thành phần như carousel và dropdown.

c)

Có, nhưng chỉ hỗ trợ carousel.

d)

Không, Bootstrap không hỗ trợ các thành phần này.

13.

Bootstrap có thể tùy chỉnh giao diện như thế nào?

a)

Bằng cách sử dụng các plugin bên ngoài.

b)

Không thể tùy chỉnh giao diện của Bootstrap.

c)

Bằng cách sử dụng các biến Sass để tùy chỉnh.

d)

Bằng cách chỉnh sửa trực tiếp mã nguồn của Bootstrap.

14.

Lớp nào trong Bootstrap dùng để nhóm các đối tượng trong form?

a)

.form-group

b)

form-container

c)

form-section

d)

.form-list

15.

Lớp nào của Bootstrap dùng để hiển thị một thông báo?

a)

.message

b)

.table

c)

.nav

d)

.alert

16.

Dùng Bootstrap trong trang web, bạn không thể thêm mã CSS của riêng mình nữa. Đúng hay sai?

a)

ĐÚNG VẬY

b)

SAI

17.

Các kích thước màn hình khác nhau được Bootstrap quy định bằng các kí hiệu?

a)

xs, sm, md, lg, xxl

b)

xs, sm, md, lg, xl

c)

xs, s, m, l, xl

d)

xxs, sm, md, lg, xl

18.

Đâu là mã HTML + Bootstrap cho 1 nút bấm màu vàng cam?

a)

<button class="btn btn-warning">

b)

<a href="#" class="btn btn-outline-warning">

c)

<button class="btn-success">

d)

<a href="#" class="btn-primary">

19.

Bootstrap có hỗ trợ các thành phần như navbar và pagination không?

a)

Có, Bootstrap hỗ trợ các thành phần như navbar và pagination.

b)

Có, nhưng chỉ hỗ trợ navbar.

c)

Có, nhưng chỉ hỗ trợ pagination.

d)

Không, Bootstrap không hỗ trợ các thành phần này.

20.

Các lớp tiện ích trong Bootstrap dùng để làm gì?

a)

Để tùy chỉnh các thuộc tính CSS mà không cần viết mã CSS riêng.

b)

Để tạo các hiệu ứng động cho trang web.

c)

Để tạo các trang web tĩnh.

d)

Để quản lý cơ sở dữ liệu.

21.

Bootstrap có hỗ trợ các biểu tượng (icons) không?

a)

Có, Bootstrap hỗ trợ các biểu tượng thông qua các thư viện bên ngoài.

b)

Không, Bootstrap không hỗ trợ biểu tượng.

c)

Có, nhưng chỉ hỗ trợ biểu tượng của Font Awesome.

d)

Có, nhưng chỉ hỗ trợ biểu tượng của Material Icons.

22.

Đối tượng modal của Bootstrap dùng để làm gì?

a)

Hiển thị nội dung nổi bật hoặc thông tin quan trọng.

b)

Tạo hiệu ứng chuyển động cho trang.

c)

Chỉ hiển thị hình ảnh.

d)

Thay đổi màu nền của trang.

23.

Trang chủ của Bootstrap là?

a)

https://bootstrap.org

b)

https://w3schools.net

c)

https://getbootstrap.io

d)

https://getbootstrap.com

24.

Lớp nào được dùng để tạo hệ thống lưới (grid) trong Bootstrap?

a)

container

b)

grid

c)

row

d)

box

25.

Bootstrap mặc định có bao nhiêu cột trong hệ thống lưới?

a)

10

b)

12

c)

8

d)

16

26.

Lớp nào định nghĩa một cột trong Bootstrap?

a)

box

b)

col

c)

cell

d)

column

27.

Làm thế nào để tạo một cột rộng 50% trong hệ thống lưới của Bootstrap?

a)

col-md-6

b)

col-half

c)

col-6

d)

col-lg-50

28.

Kích thước màn hình nào tương ứng với lớp .col-lg-* trong Bootstrap?

a)

Màn hình lớn (large)

b)

Màn hình nhỏ (small)

c)

Màn hình trung bình (medium)

d)

Màn hình rất lớn (extra-large)

29.

Để tạo thanh điều hướng (navbar), ta dùng lớp nào?

a)

menu-bar

b)

nav-menu

c)

top-nav

d)

navbar