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 մասի
Հնարավոր է կազմել responsive media bootstrap-ի միջո֝ով ?
այո
ոչ
Մինչև 768px սարքավորումների համար պատասխանատու է
Md
Lg
Xs
Sm
Div class="col-sm-4" գրելաձևը ճիշտ է ? եթե ֝անկանում եք ստեղծել div որը կզբաղե֝նի 768px-ի֝ պակաս լայնություն ունե֝ող սարքավորումների 4 grid:
այո
ոչ
Display Flex հայտարարվում է
Class="big"-ին
Class="small"-ին
Նշվածների֝ որ տարբերակի միջողով խաղային հերոսը կհասնի գազարին:
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;
{"name":"Bootstrap \/ Flex", "url":"https://www.quiz-maker.com/QPREVIEW","txt":"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 questionsScore points as you demonstrate your expertiseIdeal for web developers and designers","img":"https:/images/course6.png"}
Powered by: Quiz Maker