Bootstrap Quiz | Set-3

Question 1

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

Cross

Footer

Cross

Flexbox

Tick

Cards

Cross

Spinner



Question 1-Explanation: 

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 ?
Cross
Tool
Tick
List Groups
Cross
Tooltip
Cross
Toast


Question 2-Explanation: 
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.

Tick

Popover

Cross

Scrollspy

Cross

Typography

Cross

Grid



Question 3-Explanation: 

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?

Tick

Toast

Cross

Alert

Cross

Timer

Cross

Navs



Question 4-Explanation: 

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 ?
Cross
media-left
Cross
media-right
Cross
media-body
Tick
All of the above


Question 5-Explanation: 
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 ?
Cross
<div id=\"d-flex p-2\"></div>
Cross
<div id=\"d-fixp-2\"></div>
Cross
<div id=\"flex p-2\"></div>
Tick
<div id=\"d-flex p-2\"></div>


Question 6-Explanation: 
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 ?
Cross
List group
Tick
Typography
Cross
Popover
Cross
None of the above


Question 7-Explanation: 
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 ?
Tick
It is used to set different icons on a webpage.
Cross
It is used for Removing different icons on the page.
Cross
It is used for Selecting different icons on the page.
Cross
None of the above.


Question 8-Explanation: 
Glyphicons in used to different icons and images on web pages of the websites.
Question 9

In Bootstrap 4 .col-LG is used to-

Tick

To make width size

Cross

To make height size

Cross

To make width and height both

Cross

To make character entry size



Question 9-Explanation: 

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?

Tick

Stacked form

Cross

Striped form

Cross

Rounded form

Cross

None of the above



Question 10-Explanation: 

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

There are 15 questions to complete.


  • Last Updated : 27 Sep, 2023

Share your thoughts in the comments
Similar Reads