Bootstrap / Flex

Create an illustration of a computer screen displaying a Bootstrap and Flexbox coding interface, surrounded by design elements such as grids and responsive layouts, vibrant colors, and a tech-inspired background.

Mastering Bootstrap and Flexbox

Test your knowledge of Bootstrap's grid system and Flexbox layout with this engaging quiz. Whether you're a beginner or looking to brush up on your skills, this quiz provides a great challenge to enhance your understanding.

10 thought-provoking multiple-choice questions
Score points as you demonstrate your expertise
Ideal for web developers and designers

10 Questions2 MinutesCreated by DesigningDove75

Bootstrap- ի grid համակարգը թույլ է տալիս էջի լայնությունը բաժանել առավելագույնը

10 մասի

12 մասի

18 մասի

16 մասի

Մինչև 768px սարքավորումների համար պատասխանատու է

Div class="col-sm-4" գրելաձևը ճիշտ է ? եթե ֝անկանում եք ստեղծել div որը կզբաղե֝նի 768px-ի֝ պակաս լայնություն ունե֝ող սարքավորումների 4 grid:

այո

ոչ

Նշվածների֝ որ տարբերակի միջողով խաղային հերոսը կհասնի գազարին:

Justify-content: end;

Justify-content: flex-end;

Flex-end;

Align-items: flex-end;

Նշվածների֝ որ տարբերակը գրելու դեպքում գորտերը կհասնեն համապատասխան գույներին

Flex-direction: column; justify-content: flex-start;

Flex-direction: column-reverse; justify-content: space-between;

Flex-direction: column; justify-content: flex-end;

Flex-direction: row-reverse; justify-content: center; align-items: flex-end;

Նշվածների֝ որ տարբերակը գրելու դեպքում գորտերը կհասնեն համապատասխան գույներին

flex-direction: column; flex-wrap: wrap;

Flex-direction: column-reverse; justify-content: space-between;

flex-flow:column-reverse wrap-reverse; justify-content:center; align-content:space-between;

flex-direction: column-reverse; align-content: center;

՝ախ կողմում գտնվող շրջանաձև պատկերները տեղափոխել կենտրոն:

Justify-content: center;

Display:flex;

Flex:wrap;

Align-items: center;

Նշվածների֝ որը flex գրելաձև չէ

Align-items: flex-end;

Justify-content: center;

Flex-direction: column;

Flex-direction: flex-end;

Bootstrap / Flex

Mastering Bootstrap and Flexbox

More Quizzes