Bootstrap MCQs (Chapterwise Multiple Choice Questions)

When you are using Active tabs, which of the following is the correct code to Select tab by name?

$('#myTab li:eq(2) a').tab('show');

$('#myTab a:first').tab('show');

$('#myTab a[href=

$('#myTab a:last').tab('show');

Answer & Explanation

Correct Answer: $('#myTab a[href=

Note: This Question is unanswered, help us to find answer for this one

Bootstrap provides a basic page structure with __ System

Grid

Navs

Breadcrumbs

Forms

Answer & Explanation

Correct Answer: Grid

Note: This Question is unanswered, help us to find answer for this one

Which of the following is not a default Bootstrap grid system class?

xs

sm

md

lg

xl

Answer & Explanation

Correct Answer: xl

Note: This Question is unanswered, help us to find answer for this one

Is it possible to hide something from print view just by using Bootstrap CSS classes?

No, JavaScript plugins are needed to hide elements before sending view to printer.

Yes

Yes, just add `visible-print` class to html element

No

Answer & Explanation

Correct Answer: Yes

Note: This Question is unanswered, help us to find answer for this one

Which of the following LESS variables does not exist?

@placeholderText

@inputDisabledBackground

@inputBorderColor

@inputBorder

Answer & Explanation

Correct Answer: @inputBorderColor

Note: This Question is unanswered, help us to find answer for this one

When we are adding .img-responsive class to an image, which of the following CSS-properties are applied on that image?

height: 100vh

display: block

max-width: 100%

min-height: 100%

Answer & Explanation

Correct Answer: max-width: 100%

Note: This Question is unanswered, help us to find answer for this one

The typographic scale in Bootstrap is based on which of the following Less variables:

@font-size-base

@font-size-var

@line-height-base

@line-height-var

Answer & Explanation

Correct Answer: @line-height-base

Note: This Question is unanswered, help us to find answer for this one

Which of the following LESS variables can be used to define your own number of columns in the grid? ing is

@grid-columns

@bootstrap-columns

@default-columns

@boostrap-grid

Answer & Explanation

Correct Answer: @grid-columns

Note: This Question is unanswered, help us to find answer for this one

How do you pass data to a modal in Bootstrap ?

$('#modal_example').on('show.bs.modal', function(e) { var myId = $(e.target.relatedTarget).data('my-id'); $(e.currentTarget).join('input[name=

$('#modal_example').on('show.bs.modal', function(e) { var myId = $(e.relatedTarget).data('my-id'); $(e.currentTarget).('input[

$('#modal_example').on('show.bs.modal', function(e) { var myId = (e.relatedTarget).data('my-id'); $(e.currentTarget).('input[name=

$('#modal_example').on('show.bs.modal', function(e) { var myId = $(e.relatedTarget).data('my-id'); $(e.currentTarget).find('input[name=

Answer & Explanation

Correct Answer: $('#modal_example').on('show.bs.modal', function(e) { var myId = $(e.relatedTarget).data('my-id'); $(e.currentTarget).find('input[name=

Note: This Question is unanswered, help us to find answer for this one

Bootstrap Quick Quiz

Poor Results!

You need a lot of improvement.

Just don't give up!

Correct Answers: 0/10

Start Practicing with our MCQs given below.