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)

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)

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)

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)

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)

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)

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)

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)

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)

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)

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.