Wayground logo

Free Printable Worksheets

Font size

S
M
L
XL
Worksheets

Bootstrap start

Total questions: 10

Worksheet time: 8mins

Name
Class
Date
1.

Це вільний набір інструментів для створення сайтів та веб-застосунків. Включає HTML- і CSS-шаблони оформлення для типографіки, веб-форм, кнопок, міток, блоків навігації та інших компонентів веб-інтерфейсу, включаючи JavaScript-розширення.

Про що йде річ?

a)

Figma

b)
Bootstrap
c)

JQuery

d)

Django

2.

Які переваги має Bootstrap?

a)

Велика кількість готових компонентів

b)

Можливість легкого стоврення адаптивного дизайну

c)
Можливість використання тільки на Windows
d)

Швидкість розробки

3.

Bootstrap можливо використовувати, лише повністью встановивши його на комп'ютер.

a)

Правда

b)

Хиба

4.

Який клас для контейнеру необхідно задати, щоб він займав 100% доступної ширини, як тільки розмір екрану буде менший, ніж "Large"?

a)

container

b)

container-md

c)

container-lg

d)

container-fluid

5.

Вкажи клас для створення рядку у сітці Bootstrap

(a)  

6.

Вкажи клас для створення колонки у сітці Bootstrap (колонка зі стандартною поведінкою)

(a)  

7.

Яка максимальна кількість колонок у одному рядку сітки Bootstrap?

a)

6

b)

12

c)

10

d)

безліч

8.

Якиий клас необхідно задати колонці, щоб вона займала 50% доступної ширини, допоки ширина екрану більша, ніж "small"? Як тільки екран стане менше, ніж "small", колонка буде займати 100% ширини.

a)

col-sm-50

b)

col-sm-5

c)

col-sm-6

d)

col-small-50

9.

Якому коду відповідає ця Bootstrap-сітка?

a)

b)

c)

d)

10.

Який клас необхідно задати рядку, щоб колонки всередині нього знаходились знизу?

a)

justify-content-end

b)

align-items-center

c)

align-items-bottom

d)

align-items-end