20 multiple choice questions
and you should complete all question less than 20 minutes
Twitter Bootstrap Test Contents
Scaffolding
CSS
Layout Conponents
JavaScript Plugins
LESS Stylesheets
Mobile First Design
Twitter Bootstrap Test Questions and Answers
Question: 1
Which of the following is the
default hover background color of the table row?
a) #f9f9f9
b) #f5f5f5 (Answer)
c) #ddd
d) #66afe9
b) #f5f5f5 (Answer)
c) #ddd
d) #66afe9
Question: 2
Which of the following are
not option of the method $().tooltip(options)?
a) animation
b) delay
c) backdrop (Answer)
d) show (Answer)
b) delay
c) backdrop (Answer)
d) show (Answer)
Question: 3
Which of the following will
set a modal window to not be closed on click?
a) Setting the option
“backdrop” to true
b) Setting the option “backdrop” to static (Answer)
c) Setting the option “keyboard” to true
d) None of these
b) Setting the option “backdrop” to static (Answer)
c) Setting the option “keyboard” to true
d) None of these
Question: 4
Which of the following
classes are contextual classes?
a) .success
(Answer)
b) .warning (Answer)
c) .error
d) .danger (Answer)
b) .warning (Answer)
c) .error
d) .danger (Answer)
Question: 5
Which of the following
classes will make tables scroll up horizontally when width of the view is under
768px?
a) .table
b) .table-striped
c) .table-condensed
d) .table-responsive
e) .table-scrollable (Answer)
b) .table-striped
c) .table-condensed
d) .table-responsive
e) .table-scrollable (Answer)
Question: 6
Which of the following will
correctly call a dialog prompt?
a) $(‘#myModal’).modal()
b) $(‘#myModal’).modal({keyboard:false})
c) $(‘#myModal’).modal(‘show’)
d) All of these (Answer)
b) $(‘#myModal’).modal({keyboard:false})
c) $(‘#myModal’).modal(‘show’)
d) All of these (Answer)
Question: 7
Which of the following LESS
variables does not belong to the Navbar component?
a) @navbar-margin-bottom
b) @navbar-border-radius
c) @navbar-padding-horizontal
d) @navbar-default-height (Answer)
b) @navbar-border-radius
c) @navbar-padding-horizontal
d) @navbar-default-height (Answer)
Question: 8
What does the following HTML
code do?
<span
class=”badge”>…</span>
a) It indicates dropdown
functionality and direction
b) It utilizes the micro clearfix.
c) It highlights new or unread items. (Answer)
d) It extends the entire viewport.
b) It utilizes the micro clearfix.
c) It highlights new or unread items. (Answer)
d) It extends the entire viewport.
Question: 9
Which type of trigger cannot
be used with the “delay” option to show and hide a popover?
a) click
b) hover
c) focus
d) manual (Answer)
b) hover
c) focus
d) manual (Answer)
Question: 10
How many validation styles
for states of on-form controls does Bootstrap have?
a) 6
b) 5
c) 4
d) 3 (Answer)
b) 5
c) 4
d) 3 (Answer)
Question: 11
Which of the following
statements is correct about using the collapse plugin?
A) The Transitions plugin must be included.
B) The popover plugin must be included.
A) The Transitions plugin must be included.
B) The popover plugin must be included.
a) Statement
A is true while Statement B is false (Answer)
b. is true while Statement A
is false.
c) Both statements are true.
d) Both statements are false.
c) Both statements are true.
d) Both statements are false.
Question: 12
Which of the following is the
correct description of the given table?
<table class=”table”>
…
</table>
<table class=”table”>
…
</table>
a) It has light padding and
only horizontal dividers with an enabled hover state on table rows within a
<tbody>
b) It has zebra-striping enabled on any table row within the <tbody>.
c) It has light padding and only horizontal dividers. (Answer)
d) It is compacted by cutting cell padding in half.
b) It has zebra-striping enabled on any table row within the <tbody>.
c) It has light padding and only horizontal dividers. (Answer)
d) It is compacted by cutting cell padding in half.
Question: 13
Which of the following are no
Bootstrap plugins?
a) transition
b) tocible (Answer)
c) tooltip
d) boilerplate (Answer) *
b) tocible (Answer)
c) tooltip
d) boilerplate (Answer) *
Question: 14
What does the following HTML
code do?
<span class=”caret”></span>
<span class=”caret”></span>
a) It generates a close icon
for dismissing content like modals and alerts.
b) It utilizes the micro clearfix.
c) It indicates dropdown functionality and direction. (Answer)
d) it indicates back button functionality.
b) It utilizes the micro clearfix.
c) It indicates dropdown functionality and direction. (Answer)
d) it indicates back button functionality.
Question: 15
Which of the following
statements are correct with regards passing potions?
a) Options
can be passed via data attributes or JavaScript. (Answer)
b) For data attributes, the option name has to be appended to option-, as in option-animation=””.
c) For data attributes, the option name has to be appended to data-, as in data-animation=””. (Answer)
d) Option can be passed only via JavaScript.
b) For data attributes, the option name has to be appended to option-, as in option-animation=””.
c) For data attributes, the option name has to be appended to data-, as in data-animation=””. (Answer)
d) Option can be passed only via JavaScript.
Question: 16
Which of the following are
helper classes?
a) .close
(Answer)
b) .badge
c) .caret (Answer)
d) .clearfix (Answer)
b) .badge
c) .caret (Answer)
d) .clearfix (Answer)
Question: 17
Which of the following will
set a modal window to be closed when the escape key is presed?
a) Setting the option
“backdrop” to true
b) Setting the option “backdrop” to static
c) Setting the option “keyboard” to true (Answer)
d) Setting the option “escape” to true
b) Setting the option “backdrop” to static
c) Setting the option “keyboard” to true (Answer)
d) Setting the option “escape” to true
Question: 18
Which of the following is not
a Bootstrap component?
a) Glyphicons
b) Breadcrumbs
c) Dropdowns
d) Pivottable (Answer)
b) Breadcrumbs
c) Dropdowns
d) Pivottable (Answer)
Question: 19
What is the default amount of
time delay between automatically cycling items in a carousel?
a) 2000
b) 3000
c) 5000
(Answer)
d) None of these
No comments:
Post a Comment