Fill in the Blanks: Understanding the Bootstrap Grid System

Fill in the Blanks

Played 0

Create copy

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

Rehab Ashraf

Egypt

There are still no results for this game. Be the first to stay in the ranking! Log in to identify yourself.

Make your own free game from our game creator

Compete against your friends to see who gets the best score in this game

Make challenge


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