Fill in the Blanks: Understanding the Bootstrap Grid System

Completar Frases

Jugadas 0

Crear copia

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

Rehab Ashraf

Egipto

Todavía no hay resultados para este juego. ¡Sé el primero en aparecer en el ranking! Inicia sesión para identificarte.

Crea tu propio juego gratis desde nuestro creador de juegos

Compite contra tus amigos para ver quien consigue la mejor puntuación en esta actividad

Crear reto


Completar Frases Fill in the Blanks: Understanding the Bootstrap Grid SystemVersión en línea Test your knowledge of the Bootstrap Grid System by filling in the blanks! por Rehab Ashraf 1 12 container-fluid container 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 4 lg container row col 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 row 12 Nesting grids requires placing a new inside a column . The nested columns must also add up to within their parent . 5 offset classes md offset 2shifts To move a column 2 units to the right on tablets , add . For example , - - a . col - md - 6 colum n 6 col numbered equal Columns with just will automatically share width . To make one column wider , combine it with classe s 7 responsive 2 1 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 lg col row 6 lg 6 col Fix this code for a 2 - column desktop layout : ` " > - - " >Left< / div> - - " >Right< / div> < / div>` "