Scribd
Upload
2K views7 pages

Bootstrap Mcqs File

This document contains 25 multiple choice questions about Bootstrap components and classes. It tests knowledge around Bootstrap's grid system, buttons, navigation, plugins, and textual styles. The correct answers are provided at the end.

Uploaded by

MUHAMMAD KHAN
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
2K views7 pages

Bootstrap Mcqs File

This document contains 25 multiple choice questions about Bootstrap components and classes. It tests knowledge around Bootstrap's grid system, buttons, navigation, plugins, and textual styles. The correct answers are provided at the end.

Uploaded by

MUHAMMAD KHAN
Copyright
© © All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 7

1. Bootstrap 3 is mobile-first.

True
False

2. Which class provides a responsive fixed width container?


.container-fluid
.container-fixed
.container

3. Which class provides a full width container, spanning the entire width
of the viewport?
.container-fluid
.container
.container-fixed

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


9
12
3
6

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


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

6. Which class shapes an image to a circle?

.img-circle
.img-thumbnail
.img-rounded
.img-round

7. Which class is used to create a big box for calling extra attention?
.bigbox
.container
.jumbotron

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


.btn-l
.btn-xl
.btn-lg
.btn-large

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


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

10. How can you insert a search icon?


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

11. Which class is used to create a badge?

.tag
.flag
.badge
.label

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


.pages
.pagination
.page
.navigation

13. Which class is used to create a basic list group?


.group-list
.grouped-list
.list-group

14. Which class adds a heading to a panel?


.panel-heading
.panel-header
.panel-footer
.panel-head

15. Which class indicates a dropdown menu?


.dropdown
.dropdown-list
.select

16. A standard navigation tab is created with:

<ul class="nav nav-tabs">


<ul class="nav tabs">
<ul class="nav nav-navbar">
<ul class="navigation-tabs">

17. A standard navigation bar is created with:


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

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


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

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


Scrollspy
Orbit
Slideshow
Carousel

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


Modal
Popup
Window
Dialog Box

21. Which plugin is used to create a tooltip?


Modal
Popup
Dialog Box
Tooltip

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


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

23. Which contextual class indicates a dangerous or potentially negative


action?
.text-warning
.text-danger
.text-primary
.text-info

24. Which class indicates uppercased text?


.uppercase
.ucase
.text-capitalize
.text-uppercase

25. The Bootstrap grid system works across multiple devices.


True
False

Answers:
1.
True
2.
.container
3.
.container-fluid
4.
2
5.
.table-striped
6.
.img-circle
7.
.juumbotron
8.
.btn-large
9.
.btn-group
10.
<span class=glyphicon glyphiconsearch></span>
11.
.badge
12.
.pagination
13.
.list-group
14.
Panel-heading
15.
Dropdown
16.
<ul class=nav nav-tabs></ul>
17.
<nav class=navbar navbar-default>
18.
.navbar-inverse
19.
Carousel
20.
Model
21.
ToolTip
22.
.text=success
23.
.text-dangerous
24.
.text-uppercase

25.

True;

You might also like