Fill in the Blanks: Understanding the Bootstrap Grid System

Compléter

Parties jouées 0

Créer une copie

Test your knowledge of the Bootstrap Grid System by filling in the blanks!

Rehab Ashraf

Egypt

Il n'y a toujours pas de résultats pour ce jeu. Soyez le premier à apparaître dans le classement! Connectez-vous pour vous identifier.

Créez votre propre jeu gratuite à partir de notre créateur de jeu

Affrontez vos amis pour voir qui obtient le meilleur score dans ce jeu

Créer un défi


Compléter Fill in the Blanks: Understanding the Bootstrap Grid SystemVersion en ligne Test your knowledge of the Bootstrap Grid System by filling in the blanks! par Rehab Ashraf 1 12 container container-fluid The Bootstrap grid requires a to wrap rows , and each row uses columns total . For full - width layouts , use instead of a fixed container . 2 col row container 4 lg To create 3 equal - width columns on desktops , use followed by three - - classes inside a . 3 xs lg md The breakpoint targets tablets ( ? 768px ) , while applies to small laptops ( ? 992px ) . Mobile - first means styles begin at screens . " 4 column 12 row Nesting grids requires placing a new inside a column . The nested columns must also add up to within their parent . 5 offset 2shifts classes md offset To move a column 2 units to the right on tablets , add . For example , - - a . col - md - 6 colum n 6 equal numbered col Columns with just will automatically share width . To make one column wider , combine it with classe s 7 1 2 responsive On mobile , columns stack vertically unless you add classes . A . col - sm - 6 div becomes columns on small screens but on extra - small one s 8 col row col 6 lg lg 6 Fix this code for a 2 - column desktop layout : ` " > - - " >Left< / div> - - " >Right< / div> < / div>` "