Scribd
Upload
58 views2 pages

Bootstrap MCQ

The document contains a series of multiple choice questions (MCQs) about Bootstrap, covering topics such as responsive containers, dropdown menus, progress bars, the grid system, and various plugins. Each question includes options, the correct answer, and a brief explanation. The content is aimed at assessing knowledge of Bootstrap's features and functionalities.

Uploaded by

Shub P
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
58 views2 pages

Bootstrap MCQ

The document contains a series of multiple choice questions (MCQs) about Bootstrap, covering topics such as responsive containers, dropdown menus, progress bars, the grid system, and various plugins. Each question includes options, the correct answer, and a brief explanation. The content is aimed at assessing knowledge of Bootstrap's features and functionalities.

Uploaded by

Shub P
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 2

Bootstrap MCQ (Multiple Choice Questions)FSD

1. Which of the following class in Bootstrap is used to provide a responsive fixed width
container?
a) .container-fixed
b) .container-fluid
c) .container
d) All of the above
Answer: a
Explanation: A container is used in Bootstrap to specify the content’s margins that deal with
your layout’s responsive characteristics. To generate enclosed content, use the .container
class.

2. Which of the following class in Bootstrap is used to create a dropdown menu?


a) .dropdown
b) .select
c) .select-list
d) None of the above
Answer: a
Explanation: A dropdown menu is indicated by the .dropdown class. Use a button or a link
with the class of .data-toggle=”dropdown” attribute and the .dropdown-toggle attribute to
open the dropdown menu. The .caret class adds a caret arrow icon () to the button, indicating
that it’s a dropdown.

3. Which of the following bootstrap styles can be used to create a default progress bar?
a) .nav-progress
b) .link-progress-bar
c) .progress, .progress-bar
d) All of the mentioned
Answer: c
Explanation: A progress bar can be used to display how far along in a process a user is.
Progress bars are available in a variety of styles in Bootstrap. To create a default progress bar,
add a .progress class to a <div> element

4. The Bootstrap grid system is based on how many columns?


a) 4
b) 6
c) 12
d) 8
Answer: c
Explanation: The Bootstrap grid system is based on 12 columns. Users can use all 12 columns
individually or can group the columns together to create wider columns.

5. Which plugin is used to cycle through elements, like a slideshow?


a) Carousel Plugin
b) Modal Plugin
c) Tooltip Plugin
d) None of the mentioned
Answer: a
Explanation: Carousel Plugin is used to cycle through elements, like a slideshow.

6. Which of the following is correct about the data-animation Data attribute of the Popover
Plugin?
a) Gives the popover a CSS fade transition
b) Inserts the popover with HTML
c) Indicates how the popover should be positioned
d) Assigns delegated tasks to the designated targets
Answer: a
Explanation: The data-animation Data attribute of the Popover Plugin gives the popover a
CSS fade transition.

7. The content must be placed within ________ in Bootstrap.


a) Rows
b) Containers
c) Columns
d) None of the mentioned
Answer: c
Explanation: Content should be placed within columns, and only columns may be immediate
children of rows. Predefined classes like .row and .col-sm-4 are available for quickly making
grid layouts.

8. Which of the following class applies hover color to a specific row or a cell?
a) Warning
b) Active
c) Success
d) Danger
Answer: b
Explanation: To apply hover color to a particular table row or cell with Bootstrap, the .active
class should be used.

9. Which of the following bootstrap version should be used to support IE9?


a) Bootstrap 1
b) Bootstrap 2
c) Bootstrap 3
d) Bootstrap 4
Answer: c
Explanation: It’s the most stable version of bootstrap code and is still supported by their team
for critical bug fixes and documentation changes.

10. Which of the following is the default size of H3 bootstrap heading?


a) 12px
b) 24px
c) 36px
d) 48px
Answer: b
Explanation: The h4 default font size is 1.5rem and in pixel, the default size is 24 px.

You might also like