wayground logo

Free Printable Worksheets

NEW

Font size

S
M
L
XL
Worksheets

Development Classes Level7

Total questions: 25

Worksheet time: 25mins

Name
Class
Date
1.

Hệ thống grid Bootstrap đựa trên bao nhiêu cột?

a)

3

b)

12

c)

9

d)

6

2.

Một thanh điều hướng chuẩn được tạo với:

a)

<nav class="navigationbar navbar">

b)

<nav class="navbar navbar-default">

c)

<nav class="nav navbar">

d)

<nav class="navbar default">

3.

Cú pháp nào sau đây là đúng khi tạo tab điều hướng tiêu chuẩn?

a)

<ul class="navigation nav-tabs">

b)

<ul class="nav tab">

c)

<ul class="nav nav-tabs">

d)

<ul class="navigation tabs">

4.

Plugin được sử dụng để tạo chu trình thông qua các phần tử dưới dạng trình chiếu là

a)

slideshow

b)

scrollspy

c)

carousel

d)

không có đáp án đúng

5.

Lớp nào sau đây trong Bootstrap được sử dụng để tạo menu thả xuống?

a)

.dropdown

b)

.select

c)

.select-list

d)

None of the above

6.

Lớp nào sau đây trong Bootstrap được sử dụng để tạo phân trang cơ bản?

a)

.page

b)

.pagin

c)

.paginate

d)

.pagination

7.

Lớp trong Bootstrap được sử dụng để chỉ định các phần tử có thể thu gọn là ?

a)

.collapse

b)

.carousel

c)

.pager

d)

None of the above

8.

Lớp nào sau đây trong Bootstrap được sử dụng để tạo các phương thức có kích thước lớn?

a)

.modal-large

b)

.modal-sm

c)

.modal-big

d)

.modal-lg

9.

Lớp nào sau đây trong Bootstrap được sử dụng để biểu thị văn bản viết hoa?

a)

.text-capitalize

b)

.text-upper

c)

.uppercase

d)

.text-uppercase

10.

Phương pháp nào sau đây là đúng để thêm nút success?

a)

<button class = "btn btn-success"> success </button>

b)

<button class = "btn button-success"> success </button>

c)

<button class = "button btn-success"> success </button>

d)

<button class = "button btn-primary"> success </button>

11.

Lớp được sử dụng để căn phải các nút trên thanh điều hướng là?

a)

.navbar-rgt

b)

.navbar-btn

c)

.navbar-right

d)

.navbar-default

12.

Lớp nào sau đây trong Bootstrap được sử dụng để tạo nút dưới dạng liên kết?

a)

.btn-anchor

b)

.btn-link

c)

.btn-hyperlink

d)

None of the above

13.

Lớp nào sau đây trong Bootstrap được sử dụng để làm nổi bật thành phần đang chọn trong thanh điều hướng?

a)

.active

b)

.progress-success

c)

.progress-active

d)

None of the above

14.

Lớp nào sau đây trong Bootstrap được sử dụng để tạo một nhóm danh sách cơ bản?

a)

.grouped-list

b)

.select-list

c)

.list-group

d)

.list-grouped

15.

Thuộc tính nào để thiết lập vị trí cho Popover?

a)

data-bs-toggle

b)

data-bs-placement

c)

data-content

d)

không có đáp án đúng

16.

Để hiển thị toast cần gọi phương thức nào trong đoạn mã Javascript sau?

a)

toastbtn

b)

.toast

c)

.toastbtn

d)

toast

17.

Để đóng một alert, ta cần làm bước nào?

a)

thêm một .alert-dismissible

b)

thêm class="btn-close"

c)

thêm data-bs-dismiss="alert"

d)

Tất cả các bước trên

18.

Lớp "xs" trong Bootstrap được sử dụng cho thiết bị nào?

a)

máy tính bảng

b)

những cái điện thoại

c)

máy tính để bàn

d)

Tất cả những điều trên

19.

Bootstrap là gì?

a)

Một loại thức ăn nhanh

b)

Một framework CSS phổ biến

c)

Một loại phông chữ

d)

Một ngôn ngữ lập trình

20.

Để bắt đầu sử dụng Bootstrap 5, bạn cần phải bao gồm gì?

a)

Tệp CSS Bootstrap

b)

Tệp JavaScript Bootstrap

c)

Thẻ meta viewport

d)

Tất cả các phương án trên

21.

Để tạo một cột trong hệ thống lưới của Bootstrap 5, bạn cần sử dụng lớp CSS nào?

a)

.col

b)

.column

c)

.grid

d)

.row

22.

Để thêm biểu tượng cấu hình (hamburger icon) cho menu điều hướng trong Bootstrap 5, bạn cần sử dụng lớp CSS nào?

a)

.menu-icon

b)

.hamburger-icon

c)

.navbar-toggler-icon

d)

.config-icon

23.

Làm thế nào để thêm một nút chuyển đổi (toggle button) trong Bootstrap 5?

a)

Sử dụng lớp CSS .switch-btn

b)

Sử dụng lớp CSS .toggle-btn

c)

Sử dụng lớp CSS .btn-toggle

d)

Sử dụng lớp CSS .btn-switch

24.

Làm thế nào để tạo một thanh cuộn (scrollspy) trong Bootstrap 5?

a)

Sử dụng lớp CSS .scrollspy

b)

Sử dụng lớp CSS .spy

c)

Sử dụng lớp CSS .scroll

d)

Sử dụng lớp CSS .scrolling

25.

Làm thế nào để tạo một hiệu ứng quay (spin) cho một phần tử trong Bootstrap 5?

a)

Sử dụng lớp CSS .spin

b)

Sử dụng lớp CSS .rotate

c)

Sử dụng lớp CSS .spinner

d)

Sử dụng lớp CSS .rotate-effect