WorksheetsWebDesign : Bootstrap
Total questions: 12
Worksheet time: 6mins
Bootstrap is mobile first.
True
False
Maybe
Some may agree
Which class provides a responsive fixed width container?
.container
.container-fluid
container-fixed
container-moved
The Bootstrap grid system is based on how many columns?
8
6
24
12
What is the difference between .container and .container-fluid?
.container-fluid keeps margins to the left and right of the content, while .container fills the entire width of the window.
.container-fluid is responsive to the window size, while container creates a fixed width that never changes, regardless of window size.
.container-fluid constantly updates to fit the width of the window, while .container will update occasionally as the window is resized.
.container should be used in headers, while .container-fluid is used for p tags.
True or False: If you use Bootstrap’s framework for your site, you can’t add your own CSS rules.
True
False
Maybe
Some might agree
It is impossible to have more than one jumbotron on a given page.
True
False
Which of the following creates a responsive jumbotron on your website?
What is the smallest device that will display these columns side by side?
Desktop
Laptop
Tablet
Smart Phone
What is Bootstrap?
I. A framework to create a database
II. A toolbox for web development
III. A framework to make the website responsive.
VI. A toolbox to develop professional website
l and ll
l, ll, and lll
ll, lll and lV
l, ll, lll, and lV
Why do we used bootstrap?
It has industrial standard
It add value to your website
It has pre-created classes for your to use.
It has a wide range of paid library
________ are a great way to pack more options into a navigation bar while keeping the interface clean and simple.
nav-tabs
dropdown menus
containers
grids
Which of the following is not a Bootstrap component covered in this unit?
Glyphicons
Emojis
Buttons
Tables
