Scribd
Upload
1K views

Bootstrap MCQ

1) The document contains 30 multiple choice questions about Bootstrap components and classes. 2) It tests knowledge on the creators of Bootstrap, mobile-first approach, grid system, plugins like carousel and collapse, and classes for common elements like buttons, navigation bars, images, and panels. 3) Each question has 4 answer options and identifies the single correct answer.

Uploaded by

AZM academy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
1K views

Bootstrap MCQ

1) The document contains 30 multiple choice questions about Bootstrap components and classes. 2) It tests knowledge on the creators of Bootstrap, mobile-first approach, grid system, plugins like carousel and collapse, and classes for common elements like buttons, navigation bars, images, and panels. 3) Each question has 4 answer options and identifies the single correct answer.

Uploaded by

AZM academy
Copyright
© © All Rights Reserved
Available Formats
Download as DOCX, PDF, TXT or read online on Scribd
You are on page 1/ 9

Bootstrap MCQ

1) Who developed the bootstrap?


a. James Gosling
b. Mark Jukervich
c. Dennis Ritchie
d. Mark Otto and Jacob Thornton
Answer:D

2) Is Bootstrap3 mobile-first?
a. True
b. False
c. Can't say
d. May be
Answer:D

3) 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:C
4) How many columns are allowed in a bootstrap grid system?
a. 2
b. 12
c. 3
d. 5
Answer:12

5) Which of the following class in bootstrap is used to create a big box for
calling extra attention?
a. .box
b. .container
c. .container-fluid
d. .jumbotron
Answer:d

6) The correct syntax of creating a standard navigation bar is -


a. <nav class="navigationbar navbar">
b. <nav class="navbar navbar-default">
c. <nav class="nav navbar">
d. <nav class="navbar default">
Answer:b

7) Which of the following is the correct syntax of creating a standard


navigation tab?
a. <ul class="navigation nav-tabs">
b. <ul class="nav tab">
c. <ul class="nav nav-tabs">
d. <ul class="navigation tabs">
Answer:c

8) Which of the following class is used to create a black navigation bar?


a. .navbar-default
b. .navbar-inverse
c. .navbar-black
d. .navbar-dark
Answer:b

9) The plugin used to create a cycle through elements as a slideshow is -


a. slideshow
b. scrollspy
c. carousel
d. None of the above
Answer:C

10) 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
11) Which of the following class in Bootstrap is used to create a basic list
group?
a. .grouped-list
b. .select-list
c. .list-group
d. .list-grouped
Answer:c

12) The class used to shape an image to a circle is -


a. .img-rounded
b. .img-circle
c. .img-rounded
d. None of the above
Answer:b

13) Which of the following class in Bootstrap is used to add a zebra-stripe to a


table?
a. .tab-striped
b. .zebra-strip
c. .table-stripped
d. .table-striped
Answer:d

14) Which of the following class in Bootstrap is used to create a large button?
a. .btn-xl
b. .btn-lrg
c. .btn-large
d. .btn-lg
Answer:d

15) Which of the following plugin in Bootstrap is used to create a modal


window?
a. popup
b. alert
c. modal
d. window
Answer:c

16) Which of the following class in Bootstrap is used to create basic


pagination?
a. .page
b. .pagin
c. .paginate
d. .pagination
Answer:d

17) Which of the following class in Bootstrap is used to create a badge?


a. .tag
b. .badge
c. .page
d. .flag
Answer:b
18) The class in Bootstrap used to provide rounded corners to the image is -
a. .img-circle
b. .image-circle
c. .image-rounded
d. .img-rounded
Answer:d

19) Which of the following class in Bootstrap is used to create a panel?


a. .panel
b. .container
c. .box
d. .jumbotron
Answer:a

20) Using which of the following, we can create a pager in Bootstrap?


a. .carousel
b. .collapse
c. .pager
d. None of the above
Answer:c

21) The class in Bootstrap which is used to specify the collapsible elements is -
a. .collapse
b. .carousel
c. .pager
d. None of the above
Answer:a

22) Which of the following class in Bootstrap is used to create a well?


a. .wel
b. .well
c. .well-container
d. .container-well
Answer:b

23) The class used for creating the large size wells is -
a. .well-large
b. .well-big
c. .well-lg
d. .well-sm
Answer:c

24) The class used for creating the small size wells is -
a. .well-small
b. .well-short
c. .well-lg
d. .well-sm
Answer:d

25) Which of the following class in Bootstrap is used for creating the large size
modals?
a. .modal-large
b. .modal-sm
c. .modal-big
d. .modal-lg
Answer:d

26) Which of the following class in Bootstrap is used for creating the small size
modals?
a. .modal-large
b. .modal-sm
c. .modal-big
d. .modal-lg
Answer:b

27) Which of the following class in Bootstrap is used to indicate the


uppercased text?
a. .text-capitalize
b. .text-upper
c. .uppercase
d. .text-uppercase
Answer:d

28) Which of the following plugin is used to create a tooltip?


a. popover
b. tooltip
c. modal
d. None of the above
Answer:b

29) Which of the following is the correct syntax to insert search icon?
a. <span class = "glyph glyphicon-search"> </span>
b. <span class = "glyphicon glyph-search"> </span>
c. <span class = "glyphicon glyphicon-search"> </span>
d. <span class = "glyphicon-search"> </span>
Answer:c

30) Which of the following class is used to add a heading to the panel?
a. .panel-head
b. .panel-header
c. .panel-heading
d. .panel-content

Answer:c

You might also like