Bootstrap Quiz -7

Bootstrap QUIZ -7

The quiz consists of 20 CSS questions. Let's check your CSS with this simple quiz.

Total Questions : 20
Question Type : MCQ
Time Limit : 5 Minutes
Maximum Points : 20

1 / 20

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

.progress, .progress-bar

.nav-progress

.link-progress-bar

None of the above.

2 / 20

Which of the following bootstrap styles are used to create a justified tabs navigation?

.nav, .nav-tabs

.nav, .nav-pills

.nav, .nav-pills, .nav-stacked

.nav, .nav-tabs, .nav-justified

3 / 20

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

.table

.table-striped

.table-bordered

.table-hover

4 / 20

Bootstrap uses what?

Pixels

Root ems

Less

Pager component

5 / 20

Which of the following is correct about data-html Data attribute of Popover Plugin?

Applies a CSS fade transition to the popover

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

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

Delegates to the specified targets.

6 / 20

Which of the following is correct about Bootstrap Media Query?

Media queries have two parts, a device specification and then a size rule

Media Queries in Bootstrap allow you to move, show and hide content based on the viewport size.

Both of the above.

None of the above.

7 / 20

Which of the following is correct about Bootstrap?

Bootstrap is a sleek, intuitive, and powerful, mobile first front-end framework for faster and easier web development.

It uses HTML, CSS and Javascript.

Bootstrap was developed by Mark Otto and Jacob Thornton at Twitter.

All of the above.

8 / 20

Which of the following class indicates a successful or positive action?

.active

.success

.warning

.danger

9 / 20

Which of the following is correct about Bootstrap?

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

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

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

All of the above

10 / 20

Which of the following class styles a table with a light gray background to rows while the cursor hovers over them?

.table

.table-striped

.table-bordered

.table-hover

11 / 20

Which of the following is correct about Bootstrap Grid System?

Rows must be placed within a .container class for proper alignment and padding

Use rows to create horizontal groups of columns.

Content should be placed within the columns, and only columns may be the immediate children of rows.

All of the above.

12 / 20

Which of the following bootstrap style of button makes the button size large?

.btn-lg

.btn-sm

.btn-xs

.btn-block

13 / 20

Which of the following bootstrap style is used to align .nav links, forms, buttons, or text to left or right in a .navbar?

.navbar-align

.navbar-left, .navbar-right

.alignment

None of the above.

14 / 20

Which of the following class styles a table with borders surrounding every element and rounded corners around the entire table?

.table

.table-striped

.table-bordered

.table-hover

15 / 20

Which of the following class styles a table as a nice basic table with stripes on rows?

.table

.table-striped

.table-bordered

.table-hover

16 / 20

Which of the following is correct about data-animation Data attribute of Tooltip Plugin?

Applies a CSS fade transition to the tooltip

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

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

Delegates to the specified targets

17 / 20

Which of the following is correct about Bootstrap Media Query?

Media query is a really fancy term for "conditional CSS rule"

It simply applies some CSS, based on certain conditions set forth. If those conditions are met, the style is applied

Both of the above

None of the above

18 / 20

Which of the following is correct about Modal Plugin?

- You can toggle the modal plugin's hidden content via data attributes

You can toggle the modal plugin's hidden content via javascript.

Both of the above

None of the above.

19 / 20

Which of the following bootstrap style of button indicates caution should be taken with this action?

.btn-warning

.btn-danger

.btn-link

.btn-info

20 / 20

Which of the following is a part of Mobile First Strategy of Bootstrap?

Content: Determine what is most important.

Layout: Design to smaller widths first. Base CSS address mobile device first; media queries address for tablet, desktops.

Progressive Enhancement: Add elements as screen size increases.

All of the above.

Enter your details to see result.

Your score is

0%

Exit

Oops! Time over.

Enter your details to see result.

Please, rate your experience.

Bootstrap Quiz -7

Oops! Time over.

Enter your details to see result.

Please, rate your experience.

Related posts

Bootstrap Quiz -9

Bootstrap Quiz -8

Bootstrap Quiz -6