Bootstrap Grid

Bootstrap's grid system is built with

• magic

• boots

• flexbox

• flexgrid

Bootstrap's grid has ______ columns across the page

• 1

• 12

• 4

• 8

You're columns should add up to ________

• 1 or more

• 10 or fewer

• 12 or more

• 12 or fewer

What are the Bootstrap classes for creating columns?

• .col-# .col-sm-# .col-md-# .col-lg-# .col-xl-#

• .#-col .sm-#-col .md-#-col .lg-#-col .xl-#-col

• .large .medium ,small .extrasmall

• .col-1 .col-2 .col-3 .col-4

sm, md, lg, and xl represent ___________

• Size of the column

• Size of the device's screen

• Size of the row

• Nothing

While building a Bootstrap grid we use ________

• spans

• headers

• divs

• buttons

If I want multiple columns in a single horizontal line I need to wrap the columns in

• a row class

• a blanket class

• another column

• a col-lg-3 class

In the following code, what does the number 4 represent?

<div class="col-md-4">

• the span of the column

• the height of the column

• the responsiveness

• how many columns are in a row

To create three equal-width columns on ALL devices and screen widths, I would use the following code

<div class="row">

___<div class="col">

______Column number one

___</div>

___<div class="col">

______Column number two

___</div>

___<div class="col">

______Column number three

___</div>

</div>

• True

• False

If I want my grid to have 4 columns on a large screen, which column class would I use? (remember, all columns in a row should add up to 12!)

• col-2

• col-lg-12

• col-sm-4

• col-lg-3