This set of Multiple Choice Questions & Answers (MCQs) focuses on “Bootstrap”.
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
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
View Answer
Explanation: The h4 default font size is 1.5rem and in pixel, the default size is 24 px.
Sanfoundry Global Education & Learning Series – Javascript Programming.
- Check Programming Books
- Practice MCA MCQs
- Practice Programming MCQs
- Check JavaScript Books
- Apply for Computer Science Internship
