Bootstrap

Bootstrap Quiz Challenge

Test your knowledge of Bootstrap with our engaging quiz! Whether you're a beginner or an experienced developer, this quiz will challenge your understanding of Bootstrap's components and styles.

Multiple-choice questions
Instant feedback on answers
Learn more about Bootstrap as you progress

10 Questions2 MinutesCreated by CodingWizard32

1 - Which of the following is correct about Bootstrap?

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

B - Provides a clean and uniform solution for building an interface for developers.

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

D - All of the above.

2 - Which of the following class styles a table as a nice basic table with just some light padding and horizontal dividers?

A - .table

B - .table-striped

C - .table-bordered

D - .table-hover

3 - Which of the following bootstrap style of button indicates a dangerous or potentially negative action?

A - .btn-warning

B - .btn-danger

C - .btn-link

D - .btn-info Show Answer

4 - Which of the following bootstrap style is used for a basic button group?

A - .btn-group

B - .btn-toolbar

C - .btn-group-lg

D - .btn-group-vertical

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

A - .navbar-text

B - .text

C - .form-text

D - None of the above.

6 - Which of the following bootstrap style can be used to to get different size items of .pagination?

A - .lg, .sm

B - .pagination-lg, .pagination-sm

C - .menu-lg, .menu-sm

D - None of the above.

7 - Which of the following bootstrap styles can be used to create a striped progress bar?

A - .progress-bar-success, .progress-bar-info, .progress-bar-warning, .progress-bar-danger

B - .success, .info, .warning, .danger

C - .progress-striped.

D - None of the above.

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

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

10 - Which of the following is correct about data-placement 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.

Bootstrap

Bootstrap Quiz Challenge

More Quizzes