Bootstrap Quiz | Set-3

Question 1

Which of the below is a flexible and extensible content container in bootstrap?

• A. Footer
• B. Flexbox
• C. Cards
• D. Spinner

Answer: (C)

Bootstrap Quiz | Set-3
Discuss it

A card in bootstrap is a flexible container. It contains different options to set header and footer. and it contained a lot of options like background image, display option, etc.

Question 2

Which bootstrap class is used to display a series of content in an organized way ?

• A. Tool
• B. List Groups
• C. Tooltip
• D. Toast

Answer: (B)

Bootstrap Quiz | Set-3
Discuss it

List Groups are used to display a series of content in an organized way. with the help of .list-group and .list-group-item classes used to create the list of items. The .list-group class is used with the unordered list element and the .list-group-item is used with the list element.

Question 3

Which class is used to display additional information about any element and is displayed on click of mouse pointer over that element.

• A. Popover
• B. Scrollspy
• C. Typography
• D. Grid

Answer: (A)

Bootstrap Quiz | Set-3
Discuss it

The popover provides additional information about any element and is displayed with a click of a mouse pointer over that element. It displays additional information about any element.

Question 4

Which bootstrap class is used to create something like an alert dialog that disappears in a short time?

• A. Toast
• B. Alert
• C. Timer
• D. Navs

Answer: (A)

Bootstrap Quiz | Set-3
Discuss it

Toast in bootstrap is used to push notifications to visitors by creating something like an alert box that is shown for a couple of seconds.

Question 5

Which object in bootstraps aligned to the left or to the right of some content in an easy and efficient manner ?

• A. media-left
• B. media-right
• C. media-body
• D. All of the above

Answer: (D)

Bootstrap Quiz | Set-3
Discuss it

The Bootstrap Mediaobject in bootstraps aligned to the left or to the right of some content in an easy and efficient manner.

Question 6

Which of the below is the correct syntax for adding flexbox in Bootstrap pages ?

• A. <div id="d-flex p-2"></div>
• B. <div id="d-fixp-2"></div>
• C. <div id="flex p-2"></div>
• D. <div id="d-flex p-2"></div>

Answer: (D)

Bootstrap Quiz | Set-3
Discuss it

The <div id="d-flex p-2"></div> is flexible box layout module in bootstrap is used for designing the flexible and responsive layout component. It is used in Bootstrap version 4.

Question 7

Which of the below is a feature of Bootstrap which is used for styling and formatting the text content ?

• A. List group
• B. Typography
• C. Popover
• D. None of the above

Answer: (B)

Bootstrap Quiz | Set-3
Discuss it

Typography is a feature of Bootstrap which is used for styling and formatting the text content. It is mainly responsible for creating the headings, and inline subheadings, lists, etc.

Question 8

Which of the below is true about Glyphicons in Bootstrap ?

• A. It is used to set different icons on a webpage.
• B. It is used for Removing different icons on the page.
• C. It is used for Selecting different icons on the page.
• D. None of the above.

Answer: (A)

Bootstrap Quiz | Set-3
Discuss it

Glyphicons in used to different icons and images on web pages of the websites.

Question 9

In Bootstrap 4 .col-LG is used to-

• A. To make width size
• B. To make height size
• C. To make width and height both
• D. To make character entry size

Answer: (A)

Bootstrap Quiz | Set-3
Discuss it

In Bootstrap 4 .col-lg is responsive class for large devices. It is used to to specify width size.

Question 10

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

• A. Stacked form
• B. Striped form
• C. Rounded form
• D. None of the above

Answer: (A)

Bootstrap Quiz | Set-3
Discuss it

Stacked form is the form property in which creates the input field and submit button in a stacked format.