Bootstrap Online Quiz, Bootstrap Quiz

1 .

Who is inventor of Bootstrap ?

A)

James Gosling

B)

Mark Jukervich

C)

Mark Otto and Jacob Thornton

D)

Tim Berners-Lee

Correct Answer : Mark Otto and Jacob Thornton

2 .

Which of the following is bootstrap initial release date ?

A)

August 11, 2011

B)

August 19, 2011

C)

August 23, 2011

D)

August 29, 2011

Correct Answer : August 19, 2011

3 .

What is the main plus point os using Bootstrap ?

A)

Browser compatibility

B)

Mobile-first approach

C)

Responsive features

D)

All of the above

Correct Answer : All of the above

4 .

Which of the following is a free front-end framework for faster and easier web development?

A)

HTML5

B)

JQuery

C)

Bootstrap

D)

Javascript

Correct Answer :

Bootstrap

5 .

Bootstrap is written by using which of the following programming languages ?

A)

HTML, CSS

B)

JavaScript

C)

LESS, SASS

D)

All of the above

Correct Answer : All of the above

6 .

Which of the following is not a benefit of bootstrap?

A)

Complexity

B)

Browser compatibility

C)

Responsive features

D)

Mobile-first approach

Correct Answer :

Complexity

7 .

In Bootstrap meta name='viewport' content='width=device-width, initial-scale=1' the initial-scale=1 is used to ?

A)

Make zoom in Desktop only

B)

Make zoom in Mobile only

C)

Initial zoom level when the page is first loaded by the browser

D)

None of these

Correct Answer : Initial zoom level when the page is first loaded by the browser

8 .

Which of the following is correct about Bootstrap ?

A)

Bootstrap's responsive CSS adjusts to Desktops,Tablets and Mobiles.

B)

Bootstrap is a simple user interface for developers.

C)

It contains beautiful and functional built-in components which are easy to customize.

D)

All of the above.

Correct Answer : All of the above.

9 .

How many classes in bootstrap grid system?

A)

1

B)

2

C)

3

D)

4

Correct Answer : 4

10 .

What is the maximum number grid's allowed in bootstrap ?

A)

6 columns across the page

B)

12 columns across the page

C)

18 columns across the page

D)

24 columns across the page

Correct Answer : 12 columns across the page

11 .

Which of the following Bootstrap grid system class defines size of screen ?

A)

xs, sm, mid, lg

B)

x, sm, md, lg

C)

xs, sm, md, lg

D)

s, sm, mid, lg

Correct Answer : xs, sm, md, lg

12 .

Bootstrap 3 global default font-size is ?

A)

12px;

B)

14px;

C)

16px;

D)

18px;

Correct Answer :

14px;

13 .

Bootstrap 4 heading h4 font size?

A)

18px;

B)

24px;

C)

28px;

D)

32px;

Correct Answer :

24px;

14 .

Which of the following classes provides a responsive fixed width container?

A)

.container-fixed

B)

.container-fluid

C)

.fluid-container

D)

.container

Correct Answer : .container

15 .

The .container-fluid class provides

A)

Fixed width container

B)

Half width container

C)

Full width container

D)

None of the above.

Correct Answer : Full width container

16 .

Which one is the bootstrap JS CDN url ?

A)

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">

B)

<script src="http://cdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">

C)

<script src="http://maxcdn.bootstrap.com/bootstrap/3.3.7/js/bootstrap.min.js">

D)

<script src="http://max.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">

Correct Answer :

<script src="http://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js">

17 .

In Bootstrap to add a footer to a panel which of the following class is used ?

A)

.footer

B)

.panel

C)

.panel-footer

D)

.footer-panel

Correct Answer : .panel-footer

18 .

In Bootstrap class .sm is used for of the following ?

A)

desktop

B)

tablets

C)

phones

D)

larger desktops

Correct Answer :

tablets

19 .

Small Screen devices are considred having screen size from ________ to __________ ?

A)

320px; to 600px;

B)

480px; to 600px;

C)

700px; to 900px;

D)

768px; to 991px;

Correct Answer : 768px; to 991px;

20 .

Which of the following is Large devices screen width from ?

A)

1024 pixels and above

B)

1000 pixels and above

C)

1200 pixels and above

D)

1100 pixels and above

Correct Answer : 1200 pixels and above

21 .

The class used to create an image gallery is

A)

.img-thumbnail

B)

.thumbnail

C)

.gallery

D)

.slider

Correct Answer :

.thumbnail

22 .

Which class shapes an image to a circle?

A)

.img-circle

B)

.img-crl

C)

.circle-img

D)

.circle

Correct Answer :

.img-circle

23 .

Which of the following indicates a big box for calling extra attention to some special content or information?

A)

glyphicon

B)

pagination

C)

pager

D)

jumbotron

Correct Answer :

jumbotron

24 .

In Bootstrap Glyphicons used for using ?

A)

Slideshow

B)

Animation effects

C)

Icons like badge or links etc,.

D)

Favicon

Correct Answer : Icons like badge or links etc,.

25 .

In Bootstrap, which HTML element is used to create a lighter, secondary text in any heading?

A)

Mark

B)

Abbr

C)

Small

D)

Code

Correct Answer :

Small

26 .

Which of the following classes adds borders on all sides of the table and cells?

A)

.bordered-table

B)

.table - bordered

C)

.border-all

D)

.table - condensed

Correct Answer :

.table - bordered

27 .

Which of the following classes applies hover efect to a specific row or cell of a table ?

A)

.active

B)

.success

C)

.warning

D)

.danger

Correct Answer :

.active

28 .

Which of the following indicates a dangerous or negative button?

A)

.btn-danger-button

B)

.btn-info

C)

.btn-danger

D)

.btn-warning

Correct Answer :

.btn-danger

29 .

Which of the following bootstrap button indicates caution should be taken with this action. ?

A)

.btn-warning

B)

.btn-danger

C)

.btn-link

D)

.btn-info

Correct Answer :

.btn-warning

30 .

Which of the following classes makes a button unclickable?

A)

.btn-danger

B)

.btn-block

C)

.disable-btn

D)

.disabled

Correct Answer : .disabled

31 .

Which of the following is the default layout of a bootstrap form ?

A)

.inline

B)

.horizontal

C)

.vertical

D)

None of the above.

Correct Answer :

.vertical

32 .

To create vertical pill navigation which of the following bootstrap style is used ?

A)

.nav, .nav-pills, .nav-stacked

B)

.nav, .nav-tabs

C)

.nav, .nav-tabs, .nav-justified

D)

.nav, .nav-pills

Correct Answer :

.nav, .nav-pills, .nav-stacked

33 .

A standard navigation bar is created with:

A)

<nav class="navigationbar navbar-default">

B)

<nav class="navbar navbar-default">

C)

<nav class="nav navbar">

D)

<nav class="navbar default-navbar">

Correct Answer :

<nav class="navbar navbar-default">

34 .

Which class is used to create a black navigation bar?

A)

<nav class="navigationbar navbar-default">

B)

<nav class="navbar navbar-dark">

C)

<nav class="navbar navbar-black">

D)

<nav class="navbar navbar-inverse">

Correct Answer :

<nav class="navbar navbar-inverse">

35 .

A standard navigation tab is created with:

A)

<ul class="navigation-tabs">

B)

<ul class="nav nav-navbar">

C)

<ul class="nav nav-tabs">

D)

<ul class="nav tabs">

Correct Answer :

<ul class="nav nav-tabs">

36 .

Which class indicates a dropdown menu?

A)

.dropdown

B)

.dropdown-list

C)

.select

D)

.list-dropdown

Correct Answer :

.dropdown

37 .

Which class indicates uppercased text?

A)

.uppercase

B)

.uppercase-text

C)

.text-capitalize

D)

.text-uppercase

Correct Answer : .text-uppercase

38 .

In Bootstrap Framework Carousel plugin is used for?

A)

Animation

B)

Getting icons

C)

Image Slideshow / Image Slider

D)

All of the above

Correct Answer : Image Slideshow / Image Slider

39 .

In Bootstrap .input-lg class provides which of the following ?

A)

To make width and height both

B)

To make height size

C)

To make width size

D)

To make character entry size

Correct Answer :

To make height size

40 .

Which of the following bootstrap styles can be used to create a default progress bar?

A)

.progress, .progress-bar

B)

.nav-progress

C)

.link-progress-bar

D)

None of the above.

Correct Answer :

.progress, .progress-bar

41 .

Which of the following is correct about data-content Data attribute of Tooltip Plugin?

A)

Sets the default title value if the title attribute isn't present.

B)

Defines default content value if data-content attribute isn't present

C)

Defines how the tooltip is triggered.

D)

Delays showing and hiding the tooltip in ms.

Correct Answer :

Defines default content value if data-content attribute isn't present

42 .

Which class adds zebra-stripes to a table?

A)

.table-bordered

B)

.table-zebra

C)

.table-striped

D)

.even and .odd

Correct Answer :

.table-striped

43 .

Which class to be used to create a button as a link in bootstrap

A)

.btn-hyperlink

B)

.btn-link

C)

.btn-url

D)

.btn-anchor

Correct Answer :

.btn-link

44 .

Which button class is used to create a large button?

A)

.btn-large

B)

.btn-xl

C)

.btn-lg

D)

.btn-l

Correct Answer :

.btn-lg

45 .

Which class is used to create a button group?

A)

.group-button

B)

.button-group

C)

.group-btn

D)

.btn-group

Correct Answer :

.btn-group

46 .

How can you insert a search icon?

A)

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

B)

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

C)

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

D)

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

Correct Answer :

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

47 .

Which plugin is used to create a modal window?

A)

Window

B)

Popup

C)

Dialog Box

D)

Modal

Correct Answer :

Modal

48 .

Which class is used to create a basic pagination?

A)

.page-pagination

B)

.pagination

C)

.page

D)

.navigation

Correct Answer :

.pagination

49 .

In Grid move columns to the right using

A)

.col-md-left-*

B)

.col-md-margin-*

C)

.col-md-offset-*

D)

None of the above.

Correct Answer :

.col-md-offset-*

50 .

Which class creates list of items?

A)

lst-group

B)

list-group

C)

menu-group

D)

list-grp

Correct Answer :

list-group

51 .

Which of the following grid class is used for desktops?

A)

md

B)

lg

C)

sm

D)

xs

Correct Answer : md

52 .

What are Bootstrap Carousel plugins?

A)

.carousel (options)

B)

.carousel (‘pause’)

C)

.carousel (‘cycle’)

D)

All of these

Correct Answer : All of these

53 .

Which of the following class is used to create a button as a link in bootstrap?

A)

.btn-link

B)

.btn-hyperlink

C)

.btn-anchor

D)

None of The Above

Correct Answer : .btn-link

54 .

Medium Devices Are Defined As Having A Screen Width From

A)

512 Pixels To 2048 Pixels

B)

768 Pixels To 991 Pixels

C)

900 Pixels To 1000 Pixels

D)

992 Pixels To 1199 Pixels

Correct Answer : 992 Pixels To 1199 Pixels

55 .

What Layout Is Used For Providing 100% Width In Bootstrap?

A)

Fluid Layout

B)

Fixed Layout

C)

Both (a)and (b)

D)

None Of The Above

Correct Answer : Fluid Layout

56 .

Which Plugin Is Used To Cycle Through Elements, Like A Slideshow?

A)

Scrollspy

B)

Orbit

C)

Carousel

D)

Slideshow

Correct Answer : Carousel

57 .

Default Size Of H3 Bootstrap Heading

A)

18px

B)

24px

C)

26px

D)

30px

Correct Answer : 24px

58 .

Default Size Of H5 Bootstrap Heading

A)

14px

B)

16px

C)

18px

D)

20px

Correct Answer : 14px

59 .

Which Class Indicates A Dropdown Menu?

A)

.dropdown

B)

.dropdown-list

C)

.drop-list

D)

.select

Correct Answer : .dropdown

60 .

Glyphicons Is Mainly Used For?

A)

Slideshow

B)

Graphic Images

C)

Animation

D)

Providing Different Icons

Correct Answer : Providing Different Icons

61 .

Which class creates a list of items?

A)

Lst-group

B)

List-group

C)

Menu-group

D)

List-grp

Correct Answer : List-group

62 .

The container-fluid class provides

A)

Fixed width container

B)

Full width container

C)

Table format

D)

To create a Form

Correct Answer : Full width container

63 .

Which of the following bootstrap styles can be used to create a Animated progress bar?

A)

.progress-active

B)

.progress-striped

C)

.active

D)

None of the above

Correct Answer : .active

64 .

Bootstrap’s global default line-height

A)

1.128

B)

1.428

C)

1.228

D)

1.825

Correct Answer : 1.428

65 .

Which of the following aspect ratio is used with responsive video in bootstrap?

A)

Embed-responsive-4by3

B)

Embed-responsive-16by9

C)

Both (A) and (B) above

D)

None Of The Above

Correct Answer : Both (A) and (B) above

66 .

Which class is used to make a standard/default button in bootstrap?

A)

btn-default

B)

btn-primary

C)

btn

D)

None Of The Above

Correct Answer : btn

67 .

Which bootstrap uses flat design?

A)

Bootstrap

B)

Bootstrap 2

C)

Bootstrap 3

D)

Bootstrap 4

Correct Answer : Bootstrap 3

68 .

__________ is used instead of less for stylesheets.

A)

Grid layout

B)

Flexbox

C)

Hackathon

D)

Sass

Correct Answer : Sass

Explanation : Sass s used instead of less for the stylesheets. Each Bootstrap component consists of an HTML structure, CSS declaration, and in some cases accompanying JavaScript code.

69 .

Sass stands for ____

A)

Syntactically awesome Spreadsheets

B)

Syntactically awesome Stylesheets

C)

Scripting awesome Stylesheets

D)

Scripting awesome Spreadsheets

Correct Answer : Syntactically awesome Stylesheets

70 .

________ provides a set of stylesheets that provide basic style definition for HTML

A)

Bootstrap

B)

Javascript

C)

Flexbox

D)

Sass

Correct Answer : Bootstrap

71 .

Bootstrap uses what?

A)

Pixels

B)

Root ems

C)

Less

D)

Pager component

Correct Answer : Root ems

72 .

.img-circle class makes the entire image round by adding border-radius:_________

A)

45%

B)

50%

C)

100%

D)

None of the above

Correct Answer : 50%

Explanation : In Bootstrap, the .img-circle class shapes an image to a circle.

73 .

Use a <div> element with the _________ class to create a container for media objects.

A)

.media

B)

.media-left

C)

.media-right

D)

None of the above

Correct Answer : .media

Explanation : Bootstrap provides an easy way to align media objects (like images or videos) to the left or to the right of some content. The .media class allows to float media object to the left or right of a content block.

74 .

The contextual classes that are used to create colored progress bar:

A)

.progress-bar-success

B)

.progress-bar-info

C)

.progress-bar-danger

D)

All of the above

Correct Answer : All of the above

75 .

What is aspect ratio?

A)

The aspect ratio of an image describes the proportional relationship between its height and its width.

B)

The aspect ratio of an image describes the proportional relationship between its width and its height.

C)

Its height

D)

Its width

Correct Answer : The aspect ratio of an image describes the proportional relationship between its width and its height.

76 .

.input-lg provides

A)

To make width size

B)

To make height size

C)

To make width and height both

D)

To make character entry size

Correct Answer : To make height size

77 .

.btn-group class will make button group as

A)

Menu

B)

Dropdown

C)

Vertical

D)

Horizontal

Correct Answer : Horizontal

78 .

In <meta name=”viewport” content=”width=device-width, initial-scale=1″>the initial-scale=1 part sets

A)

To make zoom in Mobile only

B)

To make zoom in Desktop only

C)

initial zoom level when the page is first loaded by the browser

D)

None of the above

Correct Answer : initial zoom level when the page is first loaded by the browser

79 .

Stacked-to-horizontal grid becomes

A)

horizontal on desktops

B)

horizontal on mobiles/tablets

C)

horizontal on all devices

D)

stacked on all devices

Correct Answer : horizontal on mobiles/tablets

80 .

Which of the following bootstrap style of image makes the entire image round by adding border-radius:500px?

A)

.img-rounded

B)

.img-thumbnail

C)

.img-circle

D)

None of the above

Correct Answer : .img-circle

81 .

Which of the following is correct about bootstrap wells?

A)

You can change the size of well using the optional classes such as, well-lg or well-sm.

B)

well-lg or well-sm classes are used in conjunction with .well class.

C)

Both of the above.

D)

None of the above.

Correct Answer : Both of the above.

82 .

Which class is used to create a black navigation bar?

A)

.navbar-default

B)

.navbar-black

C)

.navbar-dark

D)

.navbar-inverse

Correct Answer : .navbar-inverse

83 .

Which of the following bootstrap styles are used to create a vertical pills navigation?

A)

.nav, .nav-tabs

B)

.nav, .nav-pills

C)

.nav, .nav-pills, .nav-stacked

D)

.nav, .nav-tabs, .nav-justified

Correct Answer : .nav, .nav-pills, .nav-stacked

84 .

In Bootstrap we can add for

A)

Proper Rendering and Zooming in mobile

B)

Make SEO

C)

Make proper view of labels

D)

None of the above

Correct Answer : Proper Rendering and Zooming in mobile

85 .

Which of the following is correct about Modal Plugin?

A)

You can toggle the modal plugin’s hidden content via data attributes.

B)

You can toggle the modal plugin’s hidden content via javascript.

C)

Both of the above.

D)

None of the above.

Correct Answer : Both of the above.

86 .

Which of the following is correct about data-delay Data attribute of Tooltip Plugin?

A)

Sets the default title value if the title attribute isn’t present.

B)

Defines how the tooltip is triggered.

C)

Defines default content value if data-content attribute isn’t present

D)

Delays showing and hiding the tooltip in ms.

Correct Answer : Delays showing and hiding the tooltip in ms.

87 .

Which of the following is correct about Bootstrap jumbotron?

A)

This component can optionally increase the size of headings and add a lot of margin for landing page content.

B)

To use the Jumbotron: Create a container with the class of .jumbotron.

C)

Both of the above.

D)

None of the above.

Correct Answer : Both of the above.

88 .

Which class is used to create numerical indicators?

A)

.numerals

B)

.num-indicator

C)

.badge

D)

None of the above

Correct Answer : .badge

89 .

In bootstrap which of the following is used to display code?

A)

<code>

B)

<pre>

C)

Both (A) and (B)

D)

None of the above

Correct Answer : Both (A) and (B)

90 .

Which of the following class is used to hide elements to all devices except screen readers?

A)

.hide

B)

.visible

C)

.sr-only

D)

None of the above

Correct Answer : .sr-only

91 .

Which of the following class is used to make the rounded corners images and it automatically adjusts to fit the size of the screen?

A)

.img-fit

B)

.img-circle

C)

.img-rounded

D)

.img-responsive

Correct Answer : .img-responsive

92 .

Which of the following is true about bootstrap help text?

A)

Bootstrap form controls can have a block level help text that flows with the inputs.

B)

To add a full width block of content, use the .help-block after the <input>.

C)

Both of the above.

D)

None of the above.

Correct Answer : Both of the above.

93 .

Which of the following class styles a table with borders surrounding every element and rounded corners around the entire table?

A)

.table

B)

.table-striped

C)

.table-hover

D)

.table-bordered

Correct Answer : .table-bordered

94 .

Which of the following is correct about data-animation Data attribute of Tooltip Plugin?

A)

Applies a CSS fade transition to the tooltip.

B)

Inserts HTML into the tooltip. If false, jQuery's text method will be used to insert content into the dom.

C)

Specifies how to position the tooltip (i.e., top|bottom|left|right|auto).

D)

Delegates to the specified targets.

Correct Answer : Applies a CSS fade transition to the tooltip.

95 .

Which of the following is correct about data-trigger Data attribute of popover Plugin?

A)

Sets the default title value if the title attribute isn't present.

B)

Defines how the popover is triggered.

C)

Defines default content value if data-content attribute isn't present

D)

Delays showing and hiding the popover in ms.

Correct Answer : Defines how the popover is triggered.