sInfoEra
Home
MCQs
HTML — Learn
HTML Mcq Question Set 17
Review each question and reveal answers to strengthen your understanding
Home
/
MCQs
/
HTML Mcq Question Set 17
1
What should be the set value of the background-size property such that image will fit in the content area?
A
100%
B
contain
C
cover
D
100%
Show Answer
✅ Correct Answer: 1
2
What should be the set value of background-size property such that image will stretch to cover entire content area?
A
100%
B
cover
C
contain
D
100%
Show Answer
✅ Correct Answer: 1
3
What should be the set value of background-size property such that image will cover the entire content area?
A
100%
B
contain
C
cover
D
100%
Show Answer
✅ Correct Answer: 3
4
Bootstrap does not use ____
A
HTML
B
Query
C
PHP
D
CSS
Show Answer
✅ Correct Answer: 3
5
Which plugin allows the element to become locked or sticky?
A
active
B
alert
C
affix
D
.alert-link
Show Answer
✅ Correct Answer: 3
6
Which of the following will display red alert box?
A
.alert
B
alert-danger
C
.alert-info
D
.alert-link
Show Answer
✅ Correct Answer: 2
7
Which of the following indicates blue background color representing something important?
A
.bg-success
B
bg-info
C
bg-primary
D
.bg-danger
Show Answer
✅ Correct Answer: 3
8
Which of the following indicates current page’s location within the navigational hierarchy?
A
.breadcrumb
B
btn
C
active
D
bg-warning
Show Answer
✅ Correct Answer: 1
9
Which of the following groups button together on a single line?
A
.btn-group-lg
B
.btn-group-justified
C
.btn-default
D
.btn-group
Show Answer
✅ Correct Answer: 4
10
Which of the following makes a button group appear vertically?
A
btn-group-vertical
B
btn-group-xs
C
btn-group-sm
D
btn-info
Show Answer
✅ Correct Answer: 1
11
What creates a carat arrow icon?
A
.carousel
B
.caret
C
.carousel-caption
D
caption
Show Answer
✅ Correct Answer: 2
12
Which is a container for slide items?
A
.carousel-control
B
.caousel-indicators
C
.carousel-inner
D
.carousel-caption
Show Answer
✅ Correct Answer: 3
13
What clears floats?
A
.close
B
.clearfix
C
.checkbox
D
.col-*-*
Show Answer
✅ Correct Answer: 2
14
Which of the following changes order of the grid columns?
A
.col-*-pull-*
B
.col-*-offset-*
C
.col-*-push-*
D
collapse
Show Answer
✅ Correct Answer: 1
15
Which of the following spans full width of screen?
A
.container
B
.control-label
C
.container-fluid
D
.collapse-in
Show Answer
✅ Correct Answer: 3
16
Which class is used to separate links in dropdown menu?
A
.divider
B
.dl-horizontal
C
disabled
D
dropdown
Show Answer
✅ Correct Answer: 1
17
Which of the following adds default styles for dropdown menu container?
A
.dropdown-menu
B
.dropdown-toggle
C
dropdown-menu-right
D
.dropdown
Show Answer
✅ Correct Answer: 1
18
Which class adds a rounded border around an element?
A
well-sm
B
.well-lg
C
.well
D
.divider
Show Answer
✅ Correct Answer: 3
19
Which of the following will show popup-box?
A
.well
B
.visible-*
C
.thumbnail
D
tooltip
Show Answer
✅ Correct Answer: 4
20
Which of the following class will show blue text?
A
.text-primary
B
.text-success
C
text-muted
D
text-warning
Show Answer
✅ Correct Answer: 1
21
Which of the following makes a table more compact?
A
table-responsive
B
table-hover
C
.table-condensed
D
.table-bordered
Show Answer
✅ Correct Answer: 3
22
Which of the following creates toggleable tabs?
A
.tab-pane
B
table-responsive
C
.table-condensed
D
table
Show Answer
✅ Correct Answer: 1
23
Which class is a container for responsive columns?
A
.sr-only
B
.small
C
show
D
.row
Show Answer
✅ Correct Answer: 4
24
Which of the following creates yellow progress bar?
A
progress-bar-success
B
progress-bar-warning
C
progress-bar-info
D
progress-bar-danger
Show Answer
✅ Correct Answer: 2
25
Which class is a container for progress bars?
A
progress
B
progress-bar
C
.progress-bar-info
D
progress-bar-success
Show Answer
✅ Correct Answer: 1
26
Which of the following is used to align pager buttons to the left side of the page?
A
.previous
B
.prev
C
pre-scrollable
D
popover
Show Answer
✅ Correct Answer: 1
27
Which of the following is a container for content inside the panel?
A
panel-body
B
panel-collapse
C
panel-success
D
panel-footer
Show Answer
✅ Correct Answer: 1
28
Which of the following creates a pagination?
A
.pager
B
.pagination
C
.pagination-lg
D
pagination-sm
Show Answer
✅ Correct Answer: 2
29
Which of the following centers tabs/pills?
A
.nav-justified
B
nav nav-pills
C
.nav-stacked
D
Show Answer
✅ Correct Answer: 1
30
Which of the following is for title of the modal?
A
modal-sm
B
.modal-title
C
modal-open
D
modal-lg
Show Answer
✅ Correct Answer: 2
31
Which defines style for body of the modal?
A
.modal
B
modal-content
C
modal-body
D
.modal-dialog
Show Answer
✅ Correct Answer: 3
32
Which of the following aligns media objects?
A
media-body
B
media
C
media-list
D
media-object
Show Answer
✅ Correct Answer: 2
33
Which of the following will provide additional information about something?
A
.item
B
.jumbotron
C
label
D
label-danger
Show Answer
✅ Correct Answer: 3
34
Which of the following is a container to enhance input by adding an icon?
A
input-group-btn
B
input-group-addon
C
input-group
D
input-group-lg
Show Answer
✅ Correct Answer: 3
35
Which of the following are the fades in a tab?
A
.in
B
info
C
.initialism
D
icon-prev
Show Answer
✅ Correct Answer: 1
36
Which of the following will add feedback icons for inputs?
A
.has-warning
B
.has-danger
C
has-success
D
has-feedback
Show Answer
✅ Correct Answer: 4
37
Which of the following will create hamburger menu?
A
.icon-next
B
.icon-bar
C
.icon-prev
D
img-circle
Show Answer
✅ Correct Answer: 2
38
Which of the following displays text inside <abbr> in slightly smaller font size:
A
.info
B
.input-group
C
.initialism
D
.in
Show Answer
✅ Correct Answer: 3
39
Which of the following adds checkmark icon inside input?
A
has-warning
B
help-block
C
.has-success
D
has-feedback
Show Answer
✅ Correct Answer: 1
40
Which shapes an image to a thumbnail?
A
.img-circle
B
img-responsive
C
.img-rounded
D
.img-rounded
Show Answer
✅ Correct Answer: 4
41
Which of the following forces an element to be hidden?
A
hidden
B
.hidden-*
C
hide
D
icon-bar
Show Answer
✅ Correct Answer: 1
42
Which of the following adds plain text next to form label?
A
form-control-static
B
form-group
C
form-inline
D
form-control
Show Answer
✅ Correct Answer: 1
43
Which is not a container for embedded content?
A
embed-responsive
B
embed-responsive-16by9
C
embed-responsive-4by3
D
embed-responsive-item
Show Answer
✅ Correct Answer: 4
44
Which of the following removes the default list-style and left margin on list items?
A
.list-unstyled
B
blockquote-reverse
C
.list-inline
D
.initialism
Show Answer
✅ Correct Answer: 1
45
What lines up the terms and descriptions in <dl> element side by side?
A
.list-inline
B
dl-horizontal
C
.list-unstyled
D
.initialism
Show Answer
✅ Correct Answer: 2
46
Which class makes a text stand out?
A
text-left
B
small
C
.lead
D
.text-center
Show Answer
✅ Correct Answer: 3
47
Which of the following indicates dropdown functionality?
A
.caret
B
.close
C
.sr-only
D
text-hide
Show Answer
✅ Correct Answer: 1
48
Which class separates items inside dropdown menu?
A
.divider
B
disabled
C
collapse
D
.dropdown-header
Show Answer
✅ Correct Answer: 1
49
Which of the following shown collapsible content by default?
A
dropdown-header
B
collapse
C
collapse.in
D
panel-collapse
Show Answer
✅ Correct Answer: 3
50
Which style button that should open navbar on small screens?
A
.navbar-toggle
B
navbar-text
C
navbar-static-top
D
navbar-right
Show Answer
✅ Correct Answer: 1
Back to All Quizzes