Bootstrap - Online Quiz

Following quiz provides Multiple Choice Questions (MCQs) related to Bootstrap Framework. You will have to read all the given answers and click over the correct answer. If you are not sure about the answer then you can check the answer using Show Answer button. You can use Next Quiz button to check new set of questions in the quiz.

Questions and Answers

Q 1 - Which of the following is correct about Bootstrap cross browser consistency?

A - Bootstrap uses Normalize to establish cross browser consistency.

B - Normalize.css is a modern, HTML5-ready alternative to CSS resets.

C - Normalize.css is a small CSS file that provides better cross-browser consistency in the default styling of HTML elements.

D - All of the above.

Answer : D

Explanation

All of the above options are correct.

Q 2 - Which of the following is the default layout of a bootstrap form?

C - .horizontal

D - None of the above.

Answer : A

Explanation

Vertical or Basic Form: The basic form structure which comes with Bootstrap.

Q 3 - 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.

Answer : C

Explanation

Both of the above options are correct.

Q 4 - Which of the following bootstrap style of image gives the image rounded corners?

A - .img-rounded

B - .img-circle

C - .img-thumbnail

D - None of the above.

Answer : A

Explanation

.img-rounded − adds border-radius:6px to give the image rounded corners.

Q 5 - Which of the following bootstrap style is used to add text to .navbar?

A - .navbar-text

D - None of the above.

Answer : A

Explanation

To wrap strings of text in an element use the class .navbar-text. This is usually used with <p> tag for proper leading and color.

Q 6 - Which of the following bootstrap style is to be used if you want to create a .navbar that scrolls with the page?

A - .navbar-static-top

B - .navbar-fixed

C - .navbar-fixed-top

D - None of the above.

Answer : A

Explanation

To create a .navbar that scrolls with the page, add the ..navbar-static-top class. This class does not require adding the padding to the <body>.

Q 7 - Which of the following is correct about Bootstrap badges?

A - Badges are similar to labels; the primary difference is that the corners are more rounded.

B - Badges are mainly used to highlight new or unread items.

C - To use badges just add <span class="badge"> to links, Bootstrap navs, and more.

D - All of the above.

Answer : D

Explanation

All of the above options are correct.

Q 8 - 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.

Answer : C

Explanation

Both of the above options are correct.

Q 9 - Which of the following is correct about data-title 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.

Answer : A

Explanation

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

Q 10 - Which of the following is correct about data-selector Data attribute of Popover Plugin?

A - Applies a CSS fade transition to the popover.

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

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

D - Delegates to the specified targets.

Answer : D

Explanation

data-selector − If a selector is provided, popover objects will be delegated to the specified targets.

bootstrap_questions_answers.htm

Advertisements