WorksheetsBootstrap Grid
Total questions: 10
Worksheet time: 10mins
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
