Fundamentals of Front End Development MCQs with Answers
Practice important Fundamentals of Front End Development MCQs with answers and explanations.
Chapter: 174
Q1941:
Fill in the blank: To create a vertical button group, use the class _____.
A. .btn-group
B. .btn-group-vertical
C. .btn-group-justified
D. .btn-link
Correct Answer:
B
Chapter: 174
Q1942:
How many button sizes does Bootstrap provide?
A. 2
B. 3
C. 4
D. 5
Correct Answer:
C
Chapter: 174
Q1943:
What class makes a button appear pressed?
A. .active
B. .disabled
C. .btn-info
D. .btn-primary
Correct Answer:
A
Chapter: 174
Q1944:
Fill in the blank: To create a button group that spans the entire width of the screen, use the class _____.
A. .btn-group
B. .btn-group-vertical
C. .btn-group-justified
D. .btn-lg
Correct Answer:
C
Chapter: 174
Q1945:
Which class should be used to make a button unclickable?
A. .active
B. .disabled
C. .btn-success
D. .btn-info
Correct Answer:
B
Chapter: 174
Q1946:
Fill in the blank: To create a split button dropdown, use the class _____.
A. .btn-group
B. .btn-primary
C. .dropdown-toggle
D. .btn-success
Correct Answer:
C
Chapter: 174
Q1947:
How do you create a nested button group in Bootstrap?
A. By using the .btn-group class only
B. By using .btn-group and .dropdown-menu classes
C. By using .btn-primary class
D. By using .btn-link class
Correct Answer:
B
Chapter: 174
Q1948:
What element is used to wrap buttons in a button group?
A. <div>
B. <span>
C. <a>
D. <button>
Correct Answer:
A
Chapter: 174
Q1949:
Fill in the blank: To create a button that is styled as a link, use the class _____.
A. .btn-primary
B. .btn-link
C. .btn-success
D. .btn-danger
Correct Answer:
B
Chapter: 174
Q1950:
What class adds zebra-stripes to a table in Bootstrap?
A. .table-striped
B. .table-bordered
C. .table-hover
D. .table-condensed
Correct Answer:
A
Chapter: 175
Q1951:
How many glyphs does Bootstrap include from Glyphicons.com?
A. 100
B. 200
C. 260
D. 300
Correct Answer:
C
Chapter: 175
Q1952:
Fill in the blank: To insert a glyphicon, use the class _____.
A. .glyphicon-icon
B. .glyphicon-name
C. .glyphicon
D. .glyphicon-type
Correct Answer:
C
Chapter: 175
Q1953:
What is the correct syntax to insert a glyphicon?
A. <span class="glyphicon glyphicon-name"></span>
B. <span class="icon glyphicon-name"></span>
C. <span class="glyphicon-name glyphicon"></span>
D. <span class="icon glyphicon"></span>
Correct Answer:
A
Chapter: 175
Q1954:
Which class would you use to display an envelope icon?
A. .glyphicon-envelope
B. .glyphicon-print
C. .glyphicon-search
D. .glyphicon-mail
Correct Answer:
A
Chapter: 175
Q1955:
Fill in the blank: The glyphicon for a search icon is represented by the class _____.
A. .glyphicon-print
B. .glyphicon-search
C. .glyphicon-envelope
D. .glyphicon-mail
Correct Answer:
B
Chapter: 175
Q1956:
What is the glyphicon class for a print icon?
A. .glyphicon-print
B. .glyphicon-search
C. .glyphicon-envelope
D. .glyphicon-mail
Correct Answer:
A
Chapter: 175
Q1957:
Fill in the blank: The syntax to insert a glyphicon requires replacing 'name' with the _____.
A. glyphicon class
B. glyphicon code
C. glyphicon name
D. glyphicon ID
Correct Answer:
C
Chapter: 176
Q1958:
Which class is used to create a default progress bar in Bootstrap?
A. .progress-bar
B. .progress
C. .progress-default
D. .progress-basic
Correct Answer:
B
Chapter: 176
Q1959:
Fill in the blank: To animate a progress bar, add the class _____.
A. .progress-bar
B. .progress-bar-striped
C. .active
D. .progress
Correct Answer:
C
Chapter: 176
Q1960:
What class should be used to make a progress bar striped?
A. .progress-bar-striped
B. .progress-bar-active
C. .progress-bar-info
D. .progress-bar-success
Correct Answer:
A