05th
May
Bootstrap MCQ

Bootstrap MCQ

  • Admin
  • 05th May, 2021
  • 353 Followers

Bootstrap MCQ Questions and Answers

Following are mostly asked Bootstrap MCQ test that are designed for professionals like you to crack you interviews. You can take this Bootstrap online test before appearing to you real interview. This Bootstrap quiz there are around 30+ multiple choice questions on Bootstrap with four options.

1) The Bootstrap grid system is based on how many columns?

  • A. 12
  • B. 6
  • C. 9
  • D. 14

2) In Bootstrap, content must be placed within...

  • A. Columns
  • B. Rows
  • C. Containers

3) What class name would you make a full width container in Bootstrap?

  • A. .container-full
  • B. .container-fw
  • C. .container-width
  • D. .container-fluid

4) If you want to have 3 equal columns in Bootstrap, which class would you use?

  • A. .col-md-4
  • B. .col-md-7
  • C. .col-md-3
  • D. .col-md-12

5) What are the two main ways you can add Bootstrap to your website? Only select two options

  • A. Linking to the CSS/JS files on GitHub
  • B. Adding the CSS styles in a style tag in the head of the document
  • C. Linking to a precompiled CSS/JS versions via CDN or locally
Download Free : Bootstrap MCQ PDF

6) What Bootstrap version should you use if you need to support IE9?

  • A. Bootstrap 1
  • B. Bootstrap 2
  • C. Bootstrap 5
  • D. Bootstrap 3

7) Flexbox is NOT a core CSS technology but a custom named component created by Bootstrap.

  • A. True
  • B. False

8) Flexbox is NOT a core CSS technology but a custom named component created by Bootstrap.

  • A. True
  • B. False

9) What are the three main elements of the Bootstrap grid listed in the proper order.

  • A. GRC = .grid > .row > .col
  • B. CRC = .col > .row > .container
  • C. RC = .row > .col
  • D. CRC = .container > .row > .col

10) In Bootstrap 4, 1rem = _____ ?

  • A. 14px
  • B. 15px
  • C. 16px
  • D. 20x

11) Which of the following class indicates a warning that might need attention?

  • A. active
  • B. warning
  • C. success
  • D. danger

12) Which of the following bootstrap style of button indicates a dangerous or potentially negative action?

  • A. btn-warning
  • B. btn-link
  • C. btn-info
  • D. btn-danger

13) Which of the following bootstrap styles can be used to create a Stacked progress bar?

  • A. img-rounded.
  • B. img-thumbnail
  • C. img-circle
  • D. None of the above

14) Which of the following bootstrap styles can be used to create a Stacked progress bar?

  • A. progress-stacked
  • B. progress-stack
  • C. progress
  • D. None of the above

15) Media Queries in Bootstrap allow you to move, show and hide content based on the viewport size.

  • A. True
  • B. False

16) How many Container class are there in Bootstrap?

  • A. 4
  • B. 2
  • C. 6
  • D. 8

17) Which of the following class makes a table more compact by cutting cell padding in half?

  • A. .table-striped
  • B. .table-condensed
  • C. .table-bordered
  • D. .table-responsive

18) Which of the following Which class is use to display black navigation bar?

  • A. .nav-stacked
  • B. .nav-pills
  • C. .navbar-inverse
  • D. None of the Above

19) Which of the following class is used to add rounded corners to an image?

  • A. .img-rounded
  • B. .img-circle
  • C. Both A & B
  • D. None of the Above

20) Which class is used to change the size of wells?

  • A. .well-lg
  • B. .well-lg
  • C. Both A & B

21) What does the bootstrap class md mean for?

  • A. Tablets
  • B. Phones
  • C. Small laptops
  • D. None of the Above

22) Which of the following class is used to create warning notification alerts in Bootstrap?

  • A. .alert-info
  • B. .alert-danger
  • C. .alert-success
  • D. alert-warning

23) Which of the following class is used to right-align navigation bar buttons?

  • A. .navbar-rgt
  • B. .navbar-btn
  • C. .navbar-right
  • D. .navbar-default

24) Which class is used to create thumbnail image?

  • A. .img-thumb
  • B. .img-tmbnail
  • C. .img-thumbnail
  • D. .img-thumbnail-image

25) The Bootstrap Scrollspy plugin is used to automatically update links in a navigation list based on scroll position.

  • A. True
  • B. False

26) Which class applies the hover color to a particular row or cell of a table?

  • A. .warning
  • B. .danger
  • C. .active
  • D. .success

27) Which bootstrap style can be used to get different size items of .pagination?

  • A. .lg, .sm
  • B. .menu-lg, .menu-sm
  • C. .pagination-lg, .pagination-sm
  • D. None of the Above

28) Which of the following class indicates a dropdown menu?

  • A. .select
  • B. .dropdown
  • C. .dropdown-list
  • D. None of the Above

29) Which of the following option creates a standard navigation bar?

  • A. <nav class=”navnavbar”>
  • B. <nav class=”navbar navbar-default”>
  • C. <nav class=”navbar default-navbar”>
  • D. <nav class=”navigationbarnavbar-default”>

30) Which of the following plugin is used to cycle through elements, like a slideshow?

  • A. orbit
  • B. scrollspy
  • C. carousel
  • D. slideshow

31) What is the default size of the H5 bootstrap heading?

  • A. 16px
  • B. 18px
  • C. 14px
  • D. 12px

32) Which class makes a round corner image?

  • A. .img-rnd
  • B. .img-circle
  • C. .img-rounded
  • D. .img-round-corner

33) Small devices are defined as having a screen width from ........... in Bootstrap.

  • A. 256 pixels to 1024 pixels
  • B. 512 pixels to 1024 pixels
  • C. 768 pixels to 991 pixels
  • D. 700 pixels to 900 pixels

34) Which of the following is the Bootstrap’s global default line-height?

  • A. 1.8
  • B. 1.228
  • C. 1.128
  • D. 1.428

35) Is Bootstrap a free front-end framework?

  • A. Yes
  • B. No

36) Can we create badges inside buttons?

  • A. Yes
  • B. No

37) What is bootstrap's global default font-size?

  • A. 12px
  • B. 14px
  • C. 16px
  • D. 20px

38) Which of the following bootstrap style of button makes the button size large?

  • A. btn-xs
  • B. btn-lg
  • C. btn-sm
  • D. btn-block

39) Which of the following layout is used for providing 100% width in Bootstrap?

  • A. Fixed layout
  • B. Fluid layout
  • C. Both A & B

40) What is latest version of bootstrap?

  • A. 2
  • B. 3
  • C. 4
  • D. 5

Leave A Comment :

Valid name is required.

Valid name is required.

Valid email id is required.

Related MCQ/Quiz

01st
Apr
DBMS MCQ
01st
May
Azure MCQ
01st
Jun
Devops  Mcq
01st
Apr
Blue Prism MCQ
01st
Apr
Scala MCQ