IncludeHelp_logo
Skip Navigation Links
×

Multiple-Choice Questions

Web Technologies MCQs

Computer Science Subjects MCQs

Databases MCQs

Programming MCQs

Testing Software MCQs

Digital Marketing Subjects MCQs

Cloud Computing Softwares MCQs

AI/ML Subjects MCQs

Engineering Subjects MCQs

Office Related Programs MCQs

Management MCQs

More

Home » MCQs

Bootstrap MCQs (Multiple-Choice Questions)

Bootstrap is a very popular, free to use, open source framework to develop web pages using HTML, JavaScript, and CSS. It is widely used to create responsive, mobile friendly web pages. It is very easy to use and helps in quick development of web pages.

Bootstrap MCQs

This section contains Bootstrap Multiple-Choice Questions with Answers. These Bootstrap MCQs are written for beginners as well as advanced. Practice these MCQs to enhance and test the knowledge of Bootstrap.

List of Bootstrap MCQs

The following are the popular MCQs on Bootstrap:

1. Bootstrap is free ____

  1. Back-end framework
  2. Database API for PHP
  3. Front-end framework
  4. All of the above

Answer: C) Front-end framework

Explanation:

Bootstrap is a free front-end framework that can be used for faster and easier web development.

Discuss this question

2. When was Bootstrap 5 released?

  1. 2018
  2. 2019
  3. 2020
  4. 2021

Answer: D) 2021

Explanation:

Bootstrap 5 was officially released on May 5, 2021 (Reference).

Discuss this question

3. Bootstrap includes ____.

  1. HTML
  2. CSS
  3. JS
  4. All of the above

Answer: D) All of the above

Explanation:

Bootstrap includes HTML, CSS, and JS to make the web pages responsive and simplify the development of informative web pages.

Discuss this question

4. What was the original name of Bootstrap?

  1. Twitter Blueprint
  2. Twitter Bootprint
  3. Twitter Styles
  4. Twitter Webprint

Answer: A) Twitter Blueprint

Explanation:

The original name of Bootstrap was Twitter Blueprint which was developed at Twitter as a framework to encourage consistency across internal tools.

Discuss this question

5. Who developed Bootstrap originally?

  1. Natalie Weizenbaum
  2. HÃ¥kon Wium Lie
  3. Jack Dorsey, Noah Glass, Biz Stone, and Evan Williams
  4. Mark Otto and Jacob Thornton

Answer: D) Mark Otto and Jacob Thornton

Explanation:

Originally, Bootstrap was developed by Mark Otto and Jacob Thornton.

Discuss this question

6. Is Bootstrap mobile-first?

  1. Yes
  2. No
  3. Can't say
  4. None

Answer: A) Yes

Explanation:

Yes, Bootstrap is mobile-first.

Discuss this question

7. Which class is used for responsive fixed width containers?

  1. .container
  2. .row
  3. .container-fixed
  4. .container-fluid

Answer: A) .container

Explanation:

In Bootstrap, the `.container class is used for responsive fixed width containers.

Discuss this question

8. Which class is used for a full width container by spanning the full width of the viewport?

  1. .container
  2. .row
  3. .container-fixed
  4. .container-fluid

Answer: D) .container-fluid

Explanation:

In Bootstrap, the .container-fluid class is used for full width containers by spanning the full width of the viewport.

Discuss this question

9. What is the maximum number of columns that Bootstrap grid system provides across the page?

  1. 3
  2. 6
  3. 9
  4. 12

Answer: D) 12

Explanation:

The maximum number of columns that Bootstrap grid system provides across the page are 12.

Discuss this question

10. If you want wider columns, you have to ____.

  1. Use multiple .container-fluid classes
  2. Group the columns together
  3. Group the multiple .container-fluid classes
  4. All of the above

Answer: B) Group the columns together

Explanation:

If you want wider columns, you have to group the columns together.

Discuss this question

11. If you want responsive and fixed columns, you can use ____.

  1. Use .container class
  2. Use .container-fixed class
  3. Use .container-fluid class
  4. All of the above

Answer: A) Use .container class

Explanation:

If you want fixed columns, you can use the .container class. It can be used to create a box layout.

Discuss this question

12. Which of the following classes can be used to highlight a special content?

  1. .container
  2. .box
  3. .jumbotron
  4. .container-fixed

Answer: C) .jumbotron

Explanation:

The .jumbotron class shows a big box with a grey background and rounded corners. Font size can also be increased in this box. .jumbotron class is generally used with a div element to create a highlighted box container.

Discuss this question

13. Which of the following is the correct way of creating a navigation bar in bootstrap?

  1. <nav class='navigationbar navbar'>
  2. <nav class='nav navbar'>
  3. <nav class='navigationbar navbar-default'>
  4. <nav class='nav navbar-default'>

Answer: D) <nav class='nav navbar-default'>

Explanation:

Navigation bar is a navigation header placed on the top of the page to help users in navigating the web pages. In bootstrap, you can create a standard navigation bar using <nav class="nav navbar-default">

Discuss this question

14. Which of the following is the correct way of creating a navigation tab in bootstrap?

  1. <ul class='navigationbar navtabs'>
  2. <ul class='nav navtabs'>
  3. <ul class='navigationbar navtabs-default'>
  4. <ul class='nav navtabs-default'>

Answer: B) <ul class='nav navtabs'>

Explanation:

In bootstrap, you can create a standard navigation tab using <ul class="nav navtabs">

Discuss this question

15. We can use ____ component of bootstrap to navigate through images as slideshow?

  1. Slideshow
  2. Carousel
  3. Scrollspy
  4. None of the above

Answer: B) Carousel

Explanation:

In bootstrap, you can use the carousel to add a responsive image slider to your web application. carousel.js is to be imported to use this component if bootstrap.min.js or bootstrap.js is not used.

Discuss this question

16. We can use ___ class to create a dropdown menu in bootstrap.

  1. .select
  2. .list
  3. .dropdown
  4. All of the above

Answer: C) .dropdown

Explanation:

In bootstrap, you can use the .dropdown class to create a dropdown menu. Dropdown menus are very useful and can be used to display togglable menus, contextual menus, links in list format and so on.

Discuss this question

17. We can use ____ class to create a list group in bootstrap.

  1. .select-list
  2. .list
  3. .dropdown
  4. .list-group

Answer: D) .list-group

Explanation:

In bootstrap, a basic list group can be used by utilizing .list-group within ul element and .list-group-item with li element.

Discuss this question

18. We can use ____ class to create a circled image in bootstrap.

  1. .circle
  2. .img-circle
  3. .img-rounded
  4. .rounded

Answer: B) .img-circle

Explanation:

In bootstrap, we can create a circled image easily using .img-circle class.

Discuss this question

19. Which of the following classes can be used to create a zebra striped table in bootstrap?

  1. .zebra
  2. .table-striped
  3. .zebra-striped
  4. .striped

Answer: B) .table-striped

Explanation:

Bootstrap provides multiple classes to style a table. .table-striped class can be used to create a zebra striped table.

Discuss this question

20. How to create a large button in bootstrap?

  1. by using .btn-lg class
  2. by using .btn-large class
  3. .by using .btn-xxl class
  4. by using .btn-big class

Answer: B) by using .btn-large class

Explanation:

Bootstrap provides multiple classes to style buttons. .btn-lg class can be used to create large buttons.

Discuss this question

21. Which of the following is the correct way of creating a black navigation bar in bootstrap?

  1. <nav class='nav navbar-black'>
  2. <nav class='nav navbar-default'>
  3. <nav class='nav navbar-inverse'>
  4. <nav class='nav navbar-dark'>

Answer: C) <nav class='nav navbar-inverse'>

Explanation:

In bootstrap, you can create an inverted navigation tab using the .navbar-inverse class. It shows the navigation bar in black color.

Discuss this question

22. Which of the following bootstrap plugins can be used to create a modal window?

  1. alert
  2. popup
  3. modal
  4. window

Answer: C) modal

Explanation:

Bootstrap modal plugin allows users to show a modal popup window over the top of the current page.

Discuss this question

23. Which of the following bootstrap classes can be used to add a pagination support in a webpage?

  1. .pagination
  2. .page
  3. .paginate
  4. .list

Answer: A) .pagination

Explanation:

Bootstrap provides a .pagination class which can be used to create a pagination bar in a web page. A pagination bar is used to navigate between multiple pages and is generally required when there are lots of pages to navigate.

Discuss this question

24. Which of the following bootstrap classes can be used to create a badge?

  1. .label
  2. .badge
  3. .tab
  4. .select

Answer: B) .badge

Explanation:

The .badge class of bootstrap can be used to add beautiful badge support to a web page. A badge is a numerical indicator to show how many items are linked with a particular component. A badge can also be used to differentiate an unread item.

Discuss this question

25. We can use ___ class to create a rounded cornered image in bootstrap.

  1. .circle
  2. .img-circle
  3. ..img-rounded
  4. .rounded

Answer: C) ..img-rounded

Explanation:

In bootstrap, we can create a rounded-cornered image easily using .img-rounded class. It adds a border radius of 6px to the image to create rounded corners.

Discuss this question

26. Which of the following classes can be used to create a panel in bootstrap?

  1. .container
  2. .box
  3. .jumbotron
  4. .panel

Answer: D) .panel

Explanation:

Bootstrap provides a .panel class to create a panel layout. A panel is a container with default padding around its element.

Discuss this question

Advertisement

Comments and Discussions!

Load comments ↻


Advertisement
Advertisement

Top MCQs
Top Programs/Examples
Top Tutorials
About
Student's Section
Subscribe

Copyright © 2024 www.includehelp.com. All rights reserved.