Bootstrap Quiz | Set-2

Question 1

Which bootstrap class is used to create a button as a link ?

• A. .btn-hyperlink
• B. .btn-link
• C. .btn-anchor
• D. None of the above

Answer: (B)

Bootstrap Quiz | Set-2
Discuss it

The .btn-link bootstrap class is used to create a button as a link In which when you click on the button you can redirect to another page.

Question 2

Which class in bootstrap makes a table more compact by cutting cell padding in half ?

• A. .table-bordered
• B. .table-responsive
• C. .table-striped
• D. .table-condensed

Answer: (D)

Bootstrap Quiz | Set-2
Discuss it

The .table-condensed is bootstrap 3 framework. It can be used when we make a table more compact by cutting cell padding in half.

Question 3

Which of the following class is used to change the size of wells ?

• A. .well-sm
• B. .well-xl
• C. .well-md
• D. None of the above

Answer: (A)

Bootstrap Quiz | Set-2
Discuss it

The .well-sm class is used to change the size of wells. A bootstrap well is similar to the bootstrap panel with rounded borders and padding around the element. This is responsible for creating some attention towards the content of the webpage.

Question 4

Which of the below class in bootstrap is used to create thumbnail images ?

• A. .img-crop
• B. .img-thumb
• C. .img-thumbnail-image
• D. .img-thumbnail

Answer: (D)

Bootstrap Quiz | Set-2
Discuss it

The .img-thumbnail is the bootstrap class for shaping the image to a thumbnail is done by the .img-thumbnail class.

Question 5

Which of the below bootstrap class are used to color the panels ?

• A. panel-primary
• B. panel-success
• C. panel-info
• D. All of the above

Answer: (D)

Bootstrap Quiz | Set-2
Discuss it

Panel in bootstrap is used provide padding with some bordered around the content. panel is created with .panel class in bootstrap. There are many contextual panel classes like .panel-default, .panel-primary, .panel-success etc.

Question 6

Which contextual class in bootstrap indicates that successful action ?

• A. .text-warning
• B. .text-primary
• C. .text-success
• D. None of these

Answer: (C)

Bootstrap Quiz | Set-2
Discuss it

The .text-success is the contextual class in bootstrap which indicates successful or positive action.

Question 7

Which class applies the hover color to a particular row or cell of a table in bootstrap ?

• A. .warning
• B. .danger
• C. .active
• D. .success

Answer: (C)

Bootstrap Quiz | Set-2
Discuss it

The .active class applies the hover color to a particular row or cell of a table in bootstrap. It shows the element that is currently viewed

Question 8

Which of the below layout in bootstrap is used for providing 100% width in Bootstrap ?

• A. Fixed layout
• B. Fluid layout
• C. Constraint layout
• D. Linear layout

Answer: (B)

Bootstrap Quiz | Set-2
Discuss it

Fluid layout in bootstrap is responsible for changing the size of the page when the window size is changed.

Question 9

What is the global default font-size and line-height?

• A. 15px, 1.428
• B. 14px, 1.5
• C. 14px, 1.428
• D. None of the above

Answer: (C)

Bootstrap Quiz | Set-2
Discuss it

In bootstrap the global default font size is 14px and line height is 1.428.

Question 10

Which bootstrap property used to get different size items for .pagination ?

• A. .menu-lg, .lg-sm
• B. .pagination-lg, .pagination-sm
• C. .menu-lg, .menu-sm
• D. None of the above.

Answer: (B)

Bootstrap Quiz | Set-2
Discuss it

The .pagination-lg, .pagination-sm in bootstrap is used to get different size items for .pagination where lg means large screen and sm means small screen.