About Bootstrap

Following are some of the multiple choice questions on the Bootstrap with answers that will help the students in developing their knowledge.

Bootstrap MCQ

1. Which plugin is used to create a modal window?

  • Modal
  • Dialog Box
  • Popup
  • Window

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

  • 6
  • 3
  • 9
  • 12

3. Which class indicates a dropdown menu?

  • .dropdown
  • .dropdown-list
  • .select
  • None of above

4. Which class is used to create a button group?

  • .group-btn
  • .button-group
  • .btn-group
  • .group-button

5. Which class is used to create a black navigation bar?

  • .navbar-black
  • .navbar-inverse
  • .navbar-dark
  • .navbar-default

6. How can you insert a search icon?

  • <span class="glyphicon-search"></span>
  • <span class="glyph glyph-search"></span>
  • <span class="glyphicon glyphicon-search"></span>
  • <span class="glyphicon search"></span>

7. Which of the following is correct about Bootstrap Grid System?

  • Predefined grid classes like .row and .col-xs-4 are available for quickly making grid layouts. LESS mixins can also be used for more semantic layouts.
  • Columns create gutters (gaps between column content) via padding. That padding is offset in rows for the first and the last column via negative margin on .rows.
  • Grid columns are created by specifying the number of twelve available columns you wish to span. For example, three equal columns would use three .col-xs-4.
  • All of the above.

8. A standard navigation bar is created with:

  • <nav class="nav navbar">
  • <nav class="navigationbar navbar-default">
  • <nav class="navbar default-navbar">
  • <nav class="navbar navbar-default">

9. Class used to create a big box for calling extra attention in Bootstrap

  • Carousel
  • Jumbotron
  • Javascript
  • CSS

10. Which class is used to create a big box for calling extra attention?

  • .container
  • .bigbox
  • .jumbotron
  • None of above

11. Which class is used to create a badge?

  • .badge
  • .label
  • .tag
  • .flag

12. Which class is used to create a basic pagination?

  • .navigation
  • .page
  • .pages
  • .navigation

13. Which button class is used to create a large button?

  • .btn-xl
  • .btn-l
  • .btn-lg
  • .btn-large element.

14. The .container-fluid class provides

  • fixed width container
  • table format
  • to create a form
  • to create a form

15. Which class shapes an image to a circle?

  • img-circle
  • img-rounded
  • img-thumbnail
  • img-round

16. The bootstrap class md means for

  • phone
  • tablet
  • laptop
  • desktop

17. The Bootstrap grid system works across multiple devices.

  • True
  • False

18. Which contextual class indicates a succesful or positive action?

  • .text-warning
  • .text-primary
  • .text-success
  • .text-info

19. Which class applies the hover color to a particular row or cell of a table?

  • active
  • success
  • warning
  • danger

20. What are the Bootstrap classes for creating columns?

  • .col-# .col-sm-# .col-md-# .col-lg-# .col-xl-#
  • .#-col .sm-#-col .md-#-col .lg-#-col .xl-#-col
  • .large .medium ,small .extrasmall
  • .col-1 .col-2 .col-3 .col-4

21. What is the Domain in the following function?;object: Number String String ->Image

  • object
  • Number String String
  • Number
  • Image

22. Bootstrap is a free front-end framework

  • TRUE
  • FALSE

23. When adding jQuery, this is the correct code:

  • $(document).ready(function( { code here})
  • $(document).ready(function { code here});
  • $(document).ready(function() { code here});
  • $(document).ready( { code here});

24. Which class provides a responsive fixed width container?

  • .container-fixed
  • .container
  • .container-fluid
  • None of above

25. I need to divide my div into four equal parts. The number I need to add to col-md-? is

  • 2
  • 4
  • 3
  • 6

26. The Bootstrap grid system is based on these number of columns

  • 2
  • 6
  • 9
  • 12

27. If I want multiple columns in a single horizontal line I need to wrap the columns in

  • a blanket class
  • a row class
  • another column
  • a col-lg-3 class

28. Which contextual class indicates a dangerous or potentially negative action?

  • .text-danger
  • .text-info
  • .text-warning
  • .text-primary

29. You can make any HTML element invisible without deleting any code

  • display: inline
  • display: flex
  • display: none
  • display: block

30. The proper order of the CSS documents in the <head> section of your HTML document when working with Bootstrap is:

  • Bootstrap CSS, and your own CSS document
  • Your own CSS document, and then Bootstrap CSS
  • Your own CSS documents
  • Bootstrap CSS

31. The correct CSS link is:

  • <link rel="style.css" href="stylesheet">
  • <link rel="spreadsheet" href="style.css">
  • <link rel="stylesheet" herf="style.css">
  • <link rel="stylesheet" href="style.css">

32. COMPONENT used in Bootstrap to cycle through elements, like a slideshow.

  • Cards
  • Navigation Bar
  • Carousel
  • Jumbotron

33. I need to add a different color to the fonts. In CSS, I would use:

  • font-color
  • background-color
  • blue
  • color

34. Carousel slideshows do not move. Add:

  • Javascript files
  • CSS files
  • Boottrap files
  • none of the above

35. In CSS, it makes fonts larger

  • font-size
  • h1
  • size
  • width

36. In jQuery, if you want to select the class "name", you use this command:

  • $(name)
  • $.name
  • $("name")
  • $(".name")

37. Using jQuery, this is how you change the background color of the id "box"

  • $("#box").(background-color: "black");
  • $(".box).css("black");
  • $("#box").css("background-color", "black");
  • none of the above

38. Bootstrap is mobile-first.

  • False
  • True

39. The first div I need to add before dividing it into 3,4, or more columns is:

  • <div class="row"></div>
  • <div class="col-md-3"></div>
  • <div class="col-md-12"></div>
  • All of above

40. It doesn't matter if I create an unordered or ordered list, the items inside will be represented by this HTML tag:

  • ul
  • ol
  • li
  • il

41. Which class adds zebra-stripes to a table?

  • even and .odd
  • table-striped
  • table-zebra
  • table-bordered

42. Which class provides a full width container, spanning the entire width of the viewport?

  • .container-fluid
  • .container-fixed
  • .container
  • None of above

43. How many arguments does rotate expect?(rotate 10 (star 50 "solid" "orange"))

  • 1
  • 2
  • 3
  • 4

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

  • Orbit
  • Scrollspy
  • Slideshow
  • Carousel

45. What is the function name in the following?;object: Number String String ->Image

  • object
  • Number
  • String
  • Image

46. What is the Range in the following function?;object: Number String String ->Image

  • object
  • Number String String
  • Number
  • Image

47. Which of the following is not one of the 3 parts of the "Contract"?

  • Range
  • Domain
  • Function Name
  • Variable

48. Image is a...

  • Function
  • Data Type
  • Value
  • Variable

49. 842 is a...

  • Function
  • Data Type
  • Value
  • Variable

50. Is "outline" the name of a function or an argument in: (triangle 9 "outline" "green")

  • function
  • argument

Enjoyed the Quiz. Share this with friends

Comments

Add Your Review

Your email address will not be published.

Subscribe to Newsletter!

Subscribe to get latest updates and information.