NEW
Font size
Worksheetsbootstrap let's play
Total questions: 15
Worksheet time: 9mins
Bootstrap's grid has ______ columns across the page
1
4
8
12
What are the Bootstrap classes for creating columns?
.large .medium ,small .extrasmall
.col-1 .col-2 .col-3 .col-4
.#-col .sm-#-col .md-#-col .lg-#-col .xl-#-col
.col-# .col-sm-# .col-md-# .col-lg-# .col-xl-#
sm, md, lg, and xl represent ___________
Size of the row
Size of the column
Size of the device's screen
Nothing
While building a Bootstrap grid we use ________
spans
divs
headers
buttons
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
Which of the following bootstrap style of button indicates a successful or positive action?
.btn
.btn-primary
.btn-success
.btn-info
The .container-fluid class provides
fixed width container
to create a form
table format
to create a form
medium devices are defined as having a screen width from
992 to 1199 pixels
768 to 991 pixels
900 to 1000 pixels
512 pixels to 2048 pixels
which class makes rounded corner images
img-round-corner
img-circle
img-rounded
img-rnd
which class is used to create a button as link in bootstrap
btn-url
btn-anchor
btn-hyper
btn-link
What is the correct way to add a default-styled button to an <a> tag?
<a href="#" class="btn btn-default">Button</a>
<a href="#" class="btn-default">Button</a>
<a href="#" class="btn default">Button</a>
<a href="#" class="btn">Button</a>
Which of the following correctly creates a thumbnail of the CodeHS logo that links to https://codehs.com?
<a href="https://codehs.com/">
<img src="codehs_logo.jpg" alt="CodeHS Logo">
</a>
<a href="https://codehs.com/" class="thumbnail">
<img src="codehs_logo.jpg" alt="CodeHS Logo">
</a>
<a href="https://codehs.com/">
<img class="thumbnail" src="codehs_logo.jpg" alt="CodeHS Logo">
</a>
<a href="codehs_logo.jpg" class="thumbnail">
<img src="https://codehs.com/" alt="CodeHS Logo">
</a>
Why might you decide to use a dropdown menu on your website?
To group options together in a way that makes senseTo group options together in a way that makes sense
To have a simple interface without too many buttons
To save space and keep a clean website layout
All of the Above
Which of the following class in Bootstrap is used to add a zebra-stripe to a table?
.tab-striped
.zebra-strip
.table-stripped
.table-striped
Which class is used to create a basic list group?
.grouped-list
.group-list
.list-group
.list-grouplist
